#home-banner { float:left; width:100%; padding:90px 0; background:url(../images/home-banner-bg.jpg) no-repeat; background-position:left 0 bottom -350px; position:relative; height:580px; }
.home-banner-text { width:42%; text-align:right; position:absolute; transform:translate(-65%,-50%); left:65%; top:50%; z-index:9999; background:#fffc; padding:40px;box-shadow: 0px 0 20px #333;}
.home-banner-text h1 { color:#21263f; font-size:60px; line-height:65px; font-family:'Weekly SemiBold';}
.home-banner-text p { color:#535457; font-weight:normal; font-size:30px; line-height:30px;font-family:'Weekly Light';}
.home-banner-text .btn { margin:25px 0 0;}
.home-banner-text .btn a { border:2px solid #122446; border-radius:20px; color:#122446; padding:6px 20px; font-size:22px; font-weight: normal;}
.home-banner-text .btn a:hover { background:#1c2a48;border:2px solid #1c2a48; color:#fff;}

#our-services-banner { float:left; width:100%; padding:90px 0; background:url(../images/our-services-banner.jpg) no-repeat; background-position:left 0 bottom -680px; position:relative; height:280px;}
#our-services-banner .buttion { margin:0 auto; bottom:0px; position:absolute; text-align:center; transform:translate(-50%,14%); left:50%; bottom:-14%;}
#our-services-banner img { width:100%;}

#our-projects-banner { float:left; width:100%; padding:90px 0; background:url(../images/our-projects-banner.jpg) no-repeat; background-position:left 0 bottom -680px; position:relative; height:280px;}
#our-projects-banner .buttion { margin:0 auto; bottom:0px; position:absolute; text-align:center; transform:translate(-50%,14%); left:50%; bottom:-14%;}
#our-projects-banner img { width:100%;}

#contact-banner{ float:left; width:100%; padding:90px 0; background:url(../images/contact-banner.jpg) no-repeat; background-position:left 0 bottom -380px; position:relative; height:280px;}
#contact-banner .buttion { margin:0 auto; bottom:0px; position:absolute; text-align:center; transform:translate(-50%,14%); left:50%; bottom:-14%;}
#contact-banner img { width:100%;}

@media only screen and ( max-width:1520px) {
.home-banner-text h1 {
    font-size:30px;
    line-height: 35px;}
}

@media only screen and ( max-width:1170px) {
.home-banner-text { width:70%;padding: 20px; text-align:center;}
.home-banner-text h1 { font-size: 36px; line-height: 37px;}
.home-banner-text p br { display:none;}
}


@media only screen and ( max-width:980px) {

#our-services-banner,#our-projects-banner,#contact-banner { height:250px; }
#our-services-banner { height:250px; background-size: 100% 343px; background-position: top -50px left 0px;}
#our-projects-banner  {background-position:left -320px bottom -680px;}
#contact-banner {background-position: left -790px bottom -400px;}

}
@media only screen and ( max-width:767px) {
.home-banner-text h1 { font-size: 30px; line-height: 30px;}

.gas-safe { width:100%; text-align:center;}
.gas-safe h2 { font-size:18px; letter-spacing: -0.5px;}

#contact-banner {background-position: left -180px bottom 0px;  background-size:1000px 470px;}
#contact-banner .buttion {bottom: -13%;transform: translate(-50%,13%);}
}

@media only screen and ( max-width:640px) {
.home-banner-text h1 { font-size:25px; line-height: 25px;}
.home-banner-text p { font-size:22px; line-height:25px;}
#contact-banner {background-position: left -250px bottom -40px;}

#contact-banner .buttion {bottom: -16%;transform: translate(-50%,16%);}
}

@media only screen and ( max-width:520px) {
.home-banner-text h1 { font-size:22px; line-height: 25px;}
.home-banner-text .btn a { font-size:17px;}
#our-services-banner,#our-projects-banner,#contact-banner { height:250px;}
#our-projects-banner {background-size: 768px 513px;background-position: top 0 left 0;}
#contact-banner {background-size: 658px 263px;background-position: top 0 left 0;}
#our-services-banner { background-size: 100% 250px; }
#our-services-banner .buttion { bottom:20px;}
}


@media only screen and ( max-width:420px) {
.home-banner-text h1 { font-size:15px; line-height: 22px;}
.home-banner-text .btn a { font-size:14px;}
.home-banner-text p { font-size:16px; line-height:20px;}
#contact-banner {background-size: 388px 273px;}
}

@media only screen and ( max-width:320px) {
}