#about-us-seos {
width: 100%;
text-align: center;	
margin-top: 40px;
}
.about-section h2 {
font-size: 33px;
font-weight: 800;
}
#about-us-seos .column {
position: relative;
overflow: hidden;
margin-bottom: 16px;
padding: 15px;
display: inline-block;
text-align: left;
margin:0 auto;
vertical-align: top;
}
#about-us-seos .au-card {
position: relative;
margin: 8px;
overflow: hidden;
}
#about-us-seos .about-section {
padding-top: 50px;
text-align: center;
color: #333;
}
#about-us-seos .container {
position: absolute;
top: 0;
width: 100%;
height: 100%;
right:0;
text-align: center;
font-family: "Oswald", Arial, Helvetica, sans-serif;
}
#about-us-seos .container::after {
content: "";
clear: both;
display: table;
}
.au-hide-img {
width: 100%;
max-height: 360px;
overflow: hidden;	
}
#about-us-seos h3 { 
font-size: 30px;
font-weight: 800;
text-align: center;
width: 100%;
color: #555;
}
#about-us-seos h2 {
top: 1%;
color: #eee;
position: absolute;
font-size: 30px;
z-index: 11;
width: 100%;
padding: 0 20px;
text-align: left;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
#about-us-seos .title {
top: 20%;
color: #eee;
position: absolute;
font-size: 15px;
z-index: 11;
width: 100%;
padding: 20px;
text-align: left;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
#about-us-seos .us-email {
position: absolute;
font-size: 15px;
z-index: 11;
text-align: left;
padding: 20px;
top: 26%;
width: 100%;
color: #eee;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
#about-us-seos .dashicons  {
color: #EC521E;	
}
#about-us-seos .column .b-shadow {
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
z-index: 9;
margin: 0;
padding: 0;
-webkit-transition: all 0.8s linear 0s;
-moz-transition: all 0.8s linear 0s;
-o-transition: all 0.8s linear 0s;
transition: all 0.8s linear 0s;	
}
#about-us-seos .column:hover .b-shadow {
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
z-index: 9;
margin: 0;
padding: 0;
-webkit-transition: all 0.8s linear 0s;
-moz-transition: all 0.8s linear 0s;
-o-transition: all 0.8s linear 0s;
transition: all 0.8s linear 0s;
}
.au-card img {
position: relative;
width: 360px;
height: 360px;
object-fit: cover;
object-position: 50% 50%;
}
#about-us-seos .au-button,
#about-us-seos .us-email,
#about-us-seos .title,
#about-us-seos h2  { 
display: none;
}
#about-us-seos .column:hover .au-button,
#about-us-seos .column:hover .us-email,
#about-us-seos .column:hover .title,
#about-us-seos .column:hover h2  { 
display: block;
}
#about-us-seos .column:hover .au-button {
display: block;
border: none;
outline: 0;
padding: 12px 8px;
color: white;
font-weight: 800;
font-size: 20px;
text-align: center;
cursor: pointer;
top: 280px;
left: 15px;
width: auto;
position: absolute;
margin: 0 auto;
z-index: 10;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
@media screen and (max-width: 860px) {
#about-us-seos .column {
width: 100%;
display: block;
}
.au-card img  {
width: 100%;
}
}