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

.lifestyle {float:left; width:100%; height:450px; position:relative;}
.lifestyle .wrapper{width:1000px; float:none; margin:0 auto; position:relative; display:table;}

.lifestyle {
background-image: 
url('../images/wireless.png'),
url('../images/10yrs-icon.png'),
url('../images/wb-logo-banner.png'),
url('../images/white-strip.png'),
url('../images/greenstar-lifestyle-range-banner.jpg');
background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, no-repeat;
background-position: left 18% top 30%, right 2% top 20%, left 17% bottom 0%, left 0% bottom 0%, left 0% top 30%; 
background-size: auto auto, auto auto, auto auto, auto auto, cover;}

.lifestyle .txtblock{display:table-cell; vertical-align:middle; height:450px; width:30%;}
.lifestyle .txtblock h2{color:#252525; font-size:45px; line-height:45px; font-family: 'Montserrat Bold'; padding:0px 0; margin:0;}
.lifestyle .txtblock p{color:#252525; font-size:25px; line-height:35px; font-family: 'Montserrat Regular'; padding:10px 0; margin:0;}
.lifestyle .txtblock p span{font-weight:bold;}
.lifestyle .txtblock a.btn{font-size:22px; display:inline-block; background:#FFF url('../images/btn-arrow.png') no-repeat right 5% top 50%; border-radius:25px; color:#252525; font-family: 'Montserrat Regular'; padding:10px 45px 10px 15px; margin:25px 0; text-decoration:none;}
@media only screen and ( max-width:1750px) {
.lifestyle {height:450px;}	
.lifestyle .txtblock{height:450px;}
.lifestyle .wrapper{width:50%;}	
}

@media only screen and ( max-width:1500px) {
.lifestyle .wrapper{width:50%;}	
.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 {height:350px;}	
.lifestyle .txtblock{height:350px; text-align:center;}
}
@media only screen and ( max-width:768px) {
.lifestyle {height:250px;}	
.lifestyle .txtblock{height:250px;}

.lifestyle {
background-image: 
url('../images/wireless.png'),
url('../images/10yrs-icon.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/greenstar-lifestyle-range-banner.jpg');
background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, no-repeat, no-repeat;
background-position: left 5% top 50%, right 2% bottom 50%, left 5% bottom 3%, left 0% bottom 0%, left 0% top 0%, left 90% top 0%; 
background-size: 8% auto, 10% auto, 10% auto, auto auto, 100% 100%, cover;}

.lifestyle .txtblock h2{color:#fff; font-size:30px; line-height:30px;}
.lifestyle .txtblock p{color:#fff; font-size:16px; line-height:22px;}
.lifestyle .txtblock a.btn{font-size:20px;}
}


@media only screen and ( max-width:480px) {	
.lifestyle {
background-position: left 5% bottom 50%, right 2% bottom 15%, left 5% bottom 0%, left 0% bottom 0%, left 0% top 0%, left 90% top 0%; 
background-size: 12% auto, 12% auto, 15% auto, auto auto, 100% 100%, cover;}

.lifestyle .txtblock h2{font-size:20px; line-height:20px;}
.lifestyle .txtblock p{font-size:16px; line-height:22px;}
.lifestyle .txtblock a.btn{font-size:15px;}
}