@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular.ttf') format('truetype'),
        url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.mask,.content {
   width: 100%;
   height: 225px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.mask{
   padding: 0px 20px 0px 20px;
}
.tab-block img {
   display: block;
   position: relative;
}
.tab-block h2 {
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 24px;
   margin: 15px 0 20px 0;
   font-family: 'Lato-Regular';
}
.tab-block p {
   font-family: 'Lato-Regular';
   font-size: 16px;
   position: relative;
   color: #fff;
   text-align: center;
}
.tab-block a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.tab-block a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.mask .icon{
   display: block;
   width: 100%;
   height: 45px;
   margin-top: 25px;
}
/*.mask .icon.pregnancy{ background: url(../../images/pregnancy.png) no-repeat center center; }
.mask .icon.adolescence{ background: url(../../images/adolescence.png) no-repeat center center; }
.mask .icon.hospital-facilities{ background: url(../../images/hospital-facilities.png) no-repeat center center; }
.mask .icon.gynec-problems{ background: url(../../images/gynec-problems.png) no-repeat center center; }
.mask .icon.testimonials{ background: url(../../images/testimonials.png) no-repeat center center; }
.mask .icon.appointment{ background: url(../../images/appointment.png) no-repeat center center; }*/


.tab-block > .icon{
   display: block;
   width: 100%;
   height: 45px;
   margin-top: 40px;
}

@media only screen and (max-width : 1024px) {
   .mask .icon{ margin-top: 15px;}
   .tab-block h2{ margin: 15px 0 15px 0; }
   .tab-block > .icon{ margin-top: 35px; }
}

@media only screen and (max-width : 992px) {
   .mask p{ display: none; }
   .mask .icon{ margin-top: 65px;}
}