#boiler-installations-banner,#boiler-service-banner,#finance-banner,#worcester-banner,#contactus-banner {float:left; width:100%; position:relative; height:250px;}
#boiler-installations-banner .wrapper,#boiler-service-banner .wrapper,#finance-banner .wrapper,#worcester-banner .wrapper,#contactus-banner .wrapper { display:table;}

#boiler-installations-banner { 
background-image:
url('../images/banner-graphic.png'),
url('../images/boiler-installs-banner.jpg');
background-repeat: no-repeat,no-repeat; 
background-position:right 0% bottom 0%,top 42% left 0%;
background-size:50% 100%,100% auto;}


#boiler-service-banner { 
background-image:
url('../images/banner-graphic.png'),
url('../images/service-repairs-banner.png');
background-repeat: no-repeat,no-repeat; 
background-position:right 0% bottom 0%,left 0% bottom 60%;
background-size:50% 100%,85% auto;}

#finance-banner { 
background-image:
url('../images/banner-graphic.png'),
url('../images/finance-banner.png');
background-repeat: no-repeat,no-repeat; 
background-position:right 0% bottom 0%,left 0% bottom 60%;
background-size:45% 100%,85% auto;}

#worcester-banner { 
background-image:
url('../images/banner-graphic.png'),
url('../images/worcester-banner.png');
background-repeat: no-repeat,no-repeat; 
background-position:right 0% bottom 0%,left 0% bottom 60%;
background-size:50% 100%,85% auto;}

#contactus-banner { 
background-image:
url('../images/banner-graphic.png'),
url('../images/contactus-banner.png');
background-repeat: no-repeat,no-repeat; 
background-position:right 0% bottom 0%,left 0% bottom 60%;
background-size:45% 100%,85% auto;}


.banner-inn { text-align: right; display:table-cell; vertical-align: middle;height:250px;}
.banner-inn h2 { color:#fff; font-size:40px; line-height:50px; margin:0px; padding:0; text-transform:uppercase;}
.banner-inn .btn { float:left; width:100%; margin:2% 0 0 0;}
.banner-inn .btn a { text-decoration:none; border:2px solid #fff; color:#fff; text-transform:none; font-size:18px; padding:6px 20px; border-radius:15px; font-weight: bold; }
.banner-inn .btn a:hover { background:#333;  border:2px solid #fff; color:#fff;}

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

}


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

}

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

}

@media only screen and ( max-width:980px) {
#boiler-installations-banner,#boiler-service-banner,#finance-banner,#worcester-banner,#contactus-banner,.banner-inn{ height:220px;}

}

@media only screen and ( max-width:767px) {
#boiler-installations-banner,#boiler-service-banner,#finance-banner,#worcester-banner,#contactus-banner,.banner-inn{ height:180px;}
.banner-inn { text-align:center;}

#boiler-installations-banner { background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/boiler-installs-banner.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 50%;
background-size:100% 100%,200% auto;}

#boiler-service-banner { background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/service-repairs-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 50%;
background-size:100% 100%,200% auto;}

#finance-banner { background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/finance-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 50%;
background-size:100% 100%,200% auto;}

#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:left 0 bottom 0,left 0px bottom 50%;
background-size:100% 100%,200% auto;}

#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:left 0 bottom 0,left 0px bottom 50%;
background-size:100% 100%,200% auto;}

}

@media only screen and ( max-width:640px) {
#boiler-installations-banner,#boiler-service-banner,#finance-banner,#worcester-banner,#contactus-banner,.banner-inn{ height:170px;}

.banner-inn h2 { font-size:26px; line-height:35px;}
.banner-inn .btn { margin:5% 0 0;}


}

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

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