#heating-services-banner,#worcester-banner,#testimonials-banner,#contactus-banner {float:left; width:100%; position:relative; height:250px;}
#heating-services-banner .wrapper,#worcester-banner .wrapper,#testimonials-banner .wrapper,#contactus-banner .wrapper { display:table;}

#heating-services-banner {background:url('../images/heating-services-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 40%; background-size:cover;}
#worcester-banner {background:url('../images/worcester-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 50%; background-size:cover;}
#testimonials-banner {background:url('../images/testimonials-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 15%; background-size:cover;}
#contactus-banner {background:url('../images/contactus-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 40%; background-size:cover;}

.banner-inn { text-align: right; display:table-cell; vertical-align: bottom;height:250px; padding:0 0 3%;}
.banner-inn h1 {color: #f58638; font-size: 54px; line-height:55px; font-weight: bold; margin: 0px; padding: 0; text-align: right;font-family:'Montserrat Light';}
#contactus-banner .banner-inn h1 { color:#f58638;}

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

}

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

}

@media only screen and ( max-width:1170px) {
.banner-inn h1 { font-size:35px; line-height:40px;}
}

@media only screen and ( max-width:980px) {
#heating-services-banner,#worcester-banner,#testimonials-banner,#contactus-banner,.banner-inn{ height:250px; vertical-align:middle; padding:0px;}

.banner-inn h1,#contactus-banner .banner-inn h1 { color:#fff;}
.banner-inn h1 { text-align:center;}
.banner-inn h1 br { display:none;}
.banner-inn { text-align:center;}

#heating-services-banner {
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/heating-services-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 0 left 0,left 0 bottom 32%; 
background-size:100% 100%,cover;}

#worcester-banner {
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/worcester-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 0 left 0,left 0 bottom 60%; 
background-size:100% 100%,cover;}

#testimonials-banner {
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/testimonials-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 0 left 0,left 0 bottom 60%; 
background-size:100% 100%,cover;}

#contactus-banner {
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/contactus-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 0 left 0,left 0 bottom 32%; 
background-size:100% 100%,cover;}

}

@media only screen and ( max-width:767px) {
.banner-inn h2 {font-size:22px;line-height:30px;}
.banner-inn h3 {font-size:30px;line-height: 30px;}
}

@media only screen and ( max-width:640px) {
#heating-services-banner,#worcester-banner,#testimonials-banner,#contactus-banner,.banner-inn{ height:200px;}
.banner-inn h1 { font-size:26px; line-height:35px;}
}

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

}

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

}