.grid {
position: relative;
} .grid figure {
position: relative;
float: left;
overflow: hidden;
width: 100%;
}
.grid figure figcaption 
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.effect-bubba figcaption > a {
font-size: 20px;
color: #000000;
z-index: 9;
position: relative;
text-align: center;
background: #fff;
min-width: 200px;
padding: 15px 25px !important;
line-height: 30px;
text-decoration: none;
}                          .serviceBox .serviceImageBg::after {
position: absolute;
top: 0px;opacity:0;
right: 0px;
bottom: 0px;
background: #0000008c;
left: 0px;
content: '';
width:100%;
height:100%;
-webkit-transition: opacity 0.85s, -webkit-transform 0.85s;
transition: opacity 0.85s, transform 0.85s;
}
.serviceBox .serviceImageBg{ position:relative; }
.serviceBox:hover .serviceImageBg::after {	opacity:1;
-webkit-transition: opacity 0.55s;
transition: opacity 0.55s;}
figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
figure.effect-bubba a {
padding-top: 35%;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.55s;
-webkit-transform: translate3d(0,55px,0);
transform: translate3d(0,55px,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover a {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} @media (min-width: 992px) and (max-width: 1199px) { 
.effect-bubba figcaption > a {
font-size: 23px;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
top: 18px;
right: 33px;
bottom: 68px;
left: 33px;
}
} @media (min-width: 768px) and (max-width: 991px) { 
.effect-bubba figcaption > a {
font-size: 25px;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
top: 18px;
right: 33px;
bottom: 68px;
left: 33px;
}
} @media (max-width: 767px) {
.effect-bubba figcaption > a {
font-size: 23px;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
top: 18px;
right: 33px;
bottom: 65px;
left: 33px;
}
} @media (max-width: 575px) { 
}