#slider { float:left; width:100%;position:relative; }

.slide1,.slide2  {float:left; width:100%; height:400px;}


.slide1 { 
background-image:
url('../images/slide/home-slide1.png');
background-repeat:no-repeat; 
background-position:right 0px bottom 75%;
background-size: 100% auto;}
.slide1 .wrapper { display:table;}

.slide2 { 
background-image:
url('../images/slide/home-slide2-worcester.png'),
url('../images/slide/home-slide2-boiler.png'),
url('../images/slide/home-slide2.png');
background-repeat:no-repeat,no-repeat,no-repeat; 
background-position:top 0 left 26%, top 40% right 22%,right 0px bottom 50%;
background-size:27% auto,17% auto,100% auto; position:relative;}
.slide2 .worcester-logo { text-align: left; margin:20px 0;}
.slide2 .worcester-logo img { width:auto !important; display:inline-block !important;}

.slide-text2 { vertical-align:middle; text-align: left; width:35%; position:absolute; right:17%; top:14%;}
.slide-text2 h1 { font-size:45px; line-height:50px; color:#004d9e;font-family:'Montserrat Bold';}
.slide-text2 h3 { font-size:17px; line-height:30px; color:#004d9e;margin:10px 0; font-weight:normal;}
.slide-text2 h3 a {color:#004d9e;}

.slide-text { display:table-cell; height:400px; vertical-align: bottom; padding:0 0 4%; text-align: right;}
.slide-text h1 { font-size:55px; line-height:60px; color:#8dc63f;font-family: 'ITCAvantGardeGothicBoldCondensed';}
.slide-text h1 b {font-family:'ITCAvantGardeGothicBoldCondensed'; color:#000000;}
.slide-text p { font-size:23px; line-height:30px; color:#3a3b3d;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}


@media only screen and ( max-width:1800px) {
.slide2 { background-position:left 20%  bottom 0%, top 40% right 18%,right 0px bottom 50%;background-size:26% auto,17% auto,100% auto; }
}


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

}

@media only screen and ( max-width:1600px) {
.slide2 { background-position:left 18%  bottom 0%, top 40% right 18%,right 0px bottom 50%;background-size:30% auto,17% auto,100% auto; }
.slide-text2 { right:19%;}
}

@media only screen and ( max-width:1400px) {
.slide2 { background-position:left 15%  bottom 0%, top 40% right 10%,right 0px bottom 50%;background-size:32% auto,22% auto,100% auto; }
}

@media only screen and ( max-width:1300px) {
.slide2 { background-position:left 6%  bottom 0%, top 40% right 7%,right 0px bottom 50%;background-size:38% auto,22% auto,100% auto; }
}

@media only screen and ( max-width:1200px) {
.slide-text { text-align:center;vertical-align:middle; padding:0px;}
.slide-text h1 { color:#fff; font-size:40px; line-height:45px;}
.slide-text h1 b { color:#fff;}
.slide-text p { color:#fff;font-size:19px; line-height:30px;}
.slide-text p br,.slide-text h1 br { display:none;}
	
.slide1 { 
background-image:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/home-slide1.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 0 left 0,right 0% bottom 50%;
background-size:100% 100%,100% auto;}

.slide2 { 
background-image:
url('../images/slide/home-slide2-worcester.png'),
url('../images/slide/home-slide2-boiler.png'),
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide2.png');
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat; 
background-position:left 6%  bottom 0%,top 40% right 7%,top 0 left 0,right 0px bottom 50%;
background-size:40% auto,22% auto,100% 100%,100% auto;}
.slide-text2 h1 { color:#fff;}
.slide-text2 h3 a { color:#fff;}
}

@media only screen and ( max-width:1100px) {
.slide2 { 
background-image:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/home-slide2-worcester.png'),
url('../images/slide/home-slide2-boiler.png'),
url('../images/slide/home-slide2.png');
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat; 
background-position:top 0 left 0,left 0%  bottom 0%,right 0% bottom 40%,right 0px bottom 50%;
background-size:100% 100%,50% auto,40% auto,100% auto;}
.slide-text2 { position:inherit; width:100%; text-align:center; display: table-cell; vertical-align:middle; height:400px;}
.slide2 .worcester-logo { text-align:center;}
.slide-text2 h1 br { display: none;}
}

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

}

@media only screen and ( max-width:640px) {
.slide1,.slide2,.slide-text,.slide-text2  {height:350px;}
.slide-text h1,.slide-text2 h1 { color:#fff; font-size:35px; line-height:40px;}
.slide-text2 h3 { margin:0xp; padding:0px;}
.slide-text p { color:#fff;font-size:17px; line-height:25px;}

.slide1 { background-position:top 0 left 0,left 0% bottom 50%;background-size:100% 100%,160% auto;}
}

@media only screen and ( max-width:560px) {	
.slide1,.slide2,.slide-text,.slide-text2  {height:300px;}
.slide-text h1 { color:#fff; font-size:30px; line-height:40px;}
.slide-text p { color:#fff;font-size:15px; line-height:22px;}

.slide-text2 h1 { font-size:26px; line-height:30px;}

.slide2 {
background-position:top 0 left 0,left 0%  bottom 0%,right 0% bottom 40%,right 0px bottom 50%;
background-size:100% 100%,52% auto,40% auto,180% auto;}
}

@media only screen and ( max-width:460px) {	
.slide-text h1 { color:#fff; font-size:25px; line-height:30px;}
}


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

}