body{
    font-family: 'Roboto', sans-serif !important;
}

p, strong, b, h1, h2, h3, h4, a, i, em{font-family: 'Roboto', sans-serif !important;}

b, strong{font-weight: bold !important;}

.text-center{text-align: center;}

img.img-responsive{height: auto; width: auto; display: block; margin: 0 auto;}
.spacer{padding: 25px 0px;}


.wrapper{max-width: 1140px; margin: 0 auto;}
#first-section h1:after{
    left: 0px !important;
    transform: inherit !important;
}

#first-section h1{
    text-align: left !important;
    font-weight: 900;
    text-transform: initial !important;
    font-size: 32px;
}
#first-section .container-fluid{padding: 100px 20px 150px;background-repeat: no-repeat; background-size: contain; background-position: right top;}
.container-fluid{max-width: 100% !important;}


#second-section h1{
    font-weight: 900;
    text-transform: initial;
    font-size: 32px;
    margin: 10px 0px;
}



#second-section h1:after{
    display: none;
    
}

#third-section p{
    color: #fff;
}

#third-section .container-fluid{padding: 11em 0px; background-size: 100%; background-repeat: no-repeat; background-position:center; position: relative;}

@media screen and (min-width:1600px){
    #third-section .container-fluid{padding: 19em 0px; }
}

@media screen and (max-width:767px){
    #third-section .container-fluid{
        background-size: cover !important;
    }
}

#third-section .absolute{position: absolute;top: 53px;left: 0px;right: 0px;margin: 0 auto;}

#footer{padding-top: 100px;}
#footer .container-fluid{padding-bottom: 32vw; background-size: cover; background-repeat: no-repeat; background-position: bottom center;}