#plumbing-and-heating-banner{background:url('../images/plumbing-and-heating-banner.jpg');background-repeat:no-repeat;background-position: left 0 top 40%; background-size:cover;}
#worcester-banner{background:url('../images/worcester-banner.png');background-repeat:no-repeat;background-position: left 0 top 40%; background-size:cover;}
#contact-us-banner{background:url('../images/contact-us-banner.png');background-repeat:no-repeat;background-position: left 0 top 100%; background-size:cover;}

.inner-banner .banner-inn { text-align: right;}
.inner-banner .container {display: table;}
.banner-inn { text-align: left; display:table-cell; vertical-align: middle;height:400px;}
.banner-inn h1,.banner-inn h2 { font-weight: bold;font-size:65px; line-height:75px;color: #ffffff;font-weight:normal;margin-top: 0;margin-bottom: 0px;}
.banner-inn .btn{display: inline-block;}
@media only screen and ( max-width:1200px) {
	.banner-inn h1,.banner-inn h2 { font-size:40px; line-height:40px;}
	.banner-inn h1 br,.banner-inn h2 br { display:none;}
	.banner-inn{height: 300px;}
}
@media only screen and ( max-width:991px) {
	.inner-banner .banner-inn { text-align: center;}
	.banner-inn{height: 250px;}
}
@media only screen and ( max-width:767px) {
	.banner-inn  { text-align:center; vertical-align:middle;}
	.banner-inn h1,.banner-inn h2 { color:#fff;padding:0 0 20px;}
}
@media only screen and ( max-width:640px) {
	#services-banner,#worcester-banner,#testimonials-banner,#aboutus-banner,#contactus-banner,.banner-inn { height:250px;}
	.banner-inn h1,.banner-inn h2 { font-size:30px; line-height:30px; padding:0px;}
}
@media only screen and ( max-width:520px) {
	#services-banner,#worcester-banner,#testimonials-banner,#aboutus-banner,#contactus-banner,.banner-inn { height:200px;}
	.banner-inn h1,.banner-inn h2 { font-size:30px; line-height:40px;}
}
@media only screen and ( max-width:460px){
	.banner-inn h1, .banner-inn h2 {font-size: 24px;line-height: 30px;}
}