/*
Services by A Digital Else - CSS Style
*/

.services-section {overflow:hidden;}
.services-container {font-size: 0;line-height: 1;display: flex;align-items: flex-start;justify-content: center;margin-right: -26px;flex-wrap: wrap;margin-bottom: -26px;padding-bottom: 0;}
body.home .services-container {padding:26px;}

.services-container > .service {flex: 1;padding-right: 26px;height: auto;padding-bottom: 26px;position: relative;}
.services-container > .service > .inner-container {position:relative;overflow: hidden;}

.services-section.low-height .service > .inner-container {padding-top:55%;}
.services-section.normal-height .service > .inner-container {padding-top:70%;}
.services-section.high-height .service > .inner-container {padding-top:100%;}

.services-container > .service .service-inner {padding: 35px;top: 0;left: 0;position: absolute;z-index:0;height: 100%;width: 100%;display: flex;flex-direction: column;justify-content: flex-end;background-size: cover;background-position: center;}

.services-container > .service .service-inner .dark-overlay {transition:0.5s ease;background-color: #000;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;}

.services-container > .service .service-content {transition:0.5s ease;}
.services-container > .service .service-content > * {color:#fff;}
.services-container > .service .service-content .upper-line {box-sizing:border-box;display:block;width:100px;height:2px;border-top:2px solid;border-radius:5px;margin-bottom:15px;}
.services-container > .service .service-content h2 {font-size:37px;text-transform: uppercase;font-weight: 300;margin: 0;margin-bottom: 4px;line-height: 1.2;letter-spacing: 2px;}
.services-container > .service .service-content p {font-size: 12px;margin: 0;letter-spacing: 1px;line-height: 1.3;font-weight: 300;}

.services-container > .service a.invisible-link {position:absolute;width:100%;height:100%;left:0;top:0;}

.services-container > .service .service-inner:hover .dark-overlay {opacity:0.45!important;}

/* Media queries for mobile */

/* 1800 */
@media screen and (max-width:1800px) {
    .services-container > .service .service-content h2 {font-size: 1.7vw;}
}

/* 1651 */
@media screen and (max-width:1651px) {
    .services-container > .service .service-content h2 {font-size:1.7vw}
}

/* 1366 */
@media screen and (max-width:1366px) {
    .services-container {height:auto;}
    .services-container > .service {flex: 0 0 50%!important;padding-bottom:26px;}
    .services-container > .service > .inner-container {padding-top: 0!important;height:290px;}
    .services-container > .service .service-content h2 {font-size: 25px;font-weight:500;}
}

/* 900 */
@media screen and (max-width:900px) {
    .services-container > .service {width:100%;flex: 0 0 100%!important;}
    .services-container > .service .service-inner {padding: 45px;}
    .services-container > .service .service-content h2 {font-size: 30px;font-weight:500;}
}