body{margin:0;}
#slider {float: left; width: 100%;}

.lifestyle {float:left; width:100%; height:500px; position:relative;}
.lifestyle .wrapper{width:1170px; float:none; margin:0 auto; position:relative; display:table;}
.lifestyle {
background-image: 
url('../images/wireless.png'),
url('../images/10year-guarantee.png'),
url('../images/wb-logo-banner.png'),
url('../images/white-strip.png'),
url('../images/lifestyle-boiler-bg.png');
background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, no-repeat;
background-position: left 6% bottom 25%, right 2% top 50%, left 12% bottom 0%, left 0% bottom 0%, left 0% top 0%; 
background-size: auto auto, auto auto, auto auto, auto auto, cover;}

.lifestyle .txtblock{display:table-cell; vertical-align:middle; height:500px; width:30%;}
.lifestyle .txtblock h2{color:#FFF; font-size:35px; line-height:35px; font-family: 'Montserrat Bold'; padding:0px 0; margin:0;}
.lifestyle .txtblock p{color:#FFF; font-size:22px; line-height:30px; font-family: 'Montserrat Regular'; padding:10px 0; margin:0;}
.lifestyle .txtblock p span{font-weight:bold;}
.lifestyle .txtblock a.btn{font-size:18px; display:inline-block; background:#FFF; border-radius:15px; color:#252525; font-family: 'Montserrat Regular'; padding:5px 15px; margin:5px 0; text-decoration:none;}


@media only screen and ( max-width:1640px) {
.lifestyle { height:400px;}
.lifestyle .txtblock{height:400px;}
.lifestyle .wrapper{width:60%;}	
.lifestyle {
background-position: left 6% bottom 50%, right 2% top 50%, left 5% bottom 0%, left 0% bottom 0%, right 20% top 0%; 
background-size: auto auto, auto auto, auto auto, auto auto, cover;}
}
@media only screen and ( max-width:1300px) {
.lifestyle .txtblock h2{font-size:40px; line-height:35px;}
.lifestyle .txtblock p{font-size:20px; line-height:28px;}
.lifestyle .txtblock a.btn{font-size:20px;}
}

@media only screen and ( max-width:1100px) {
.lifestyle .wrapper{width:100%;}	
.lifestyle .txtblock{ text-align:center;}
}
@media only screen and ( max-width:767px) {
.lifestyle {height:300px;}	
.lifestyle .txtblock{height:300px;}

.lifestyle {
background-image: 
url('../images/wireless.png'),
url('../images/10year-guarantee.png'),
url('../images/wb-logo-banner.png'),
url('../images/white-strip.png'),
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/lifestyle-boiler-bg.png');
background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, no-repeat, no-repeat;
background-position: left 5% bottom 55%, right 2% bottom 8%, left 5% bottom 3%, left 0% bottom 0%, left 0% top 0%, left 90% top 0%; 
background-size: 10% auto, 10% auto, 15% auto, auto auto, 100% 100%, cover;}
}
@media only screen and ( max-width:640px) {	
.lifestyle {
background-position: left 5% bottom 45%, right 2% bottom 8%, left 5% bottom 3%, left 0% bottom 0%, left 0% top 0%, left 90% top 0%; 
background-size: 8% auto, 10% auto, 12% auto, auto auto, 100% 100%, cover;}

.lifestyle .txtblock h2{font-size:30px; line-height:25px;}
.lifestyle .txtblock p{font-size:18px; line-height:26px;}
.lifestyle .txtblock p br{display:none;}
.lifestyle .txtblock a.btn{font-size:18px;}
}
@media only screen and ( max-width:460px) {	
.lifestyle {height:250px;}	
.lifestyle .txtblock{height:250px;}

.lifestyle {
background-position: left 5% bottom 30%, right 2% bottom 8%, left 5% bottom 3%, left 0% bottom 0%, left 0% top 0%, left 90% top 0%; 
background-size: 12% auto, 12% auto, 10% auto, auto auto, 100% 100%, cover;}
}