.slide1,.slide2,.slide3,.slide4 {float:left; width:100%; height:750px; position:relative;}

.slide1 {  
background-image:
url('../images/slide/home-slide1.png'),
url('../images/slide/home-banner-background-logo.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 30% right 10%,top 0 right 0%;
background-size:auto auto,55% auto;}

.slide1-text { float:left; margin-top:5%;}
.slide1-text h1 { color:#fff; font-size:35px; line-height:42px; font-weight:normal;font-family: 'avantgarde_normalbook';}
.slide1-text h2 { color:#fff; font-size:30px; line-height:35px; margin:0; padding:0px; font-weight:bold; font-family: 'avantgarde_lt_mediumbold';}
.slide1-text p { color:#fff; margin:0px; padding:20px 0; font-size:19px; line-height:25px;}
.slide1-worcester-logo { float:left; width:100%; margin:30px 0;}
.slide1-worcester-logo img { width:auto !important;}
.boilers-services img {width:auto !important;}

.boilers-services { float:left; width:50%; margin:20px 0;}
.boilers-services ul { margin:0px; padding:0px; }
.boilers-services ul li{width:100%; float:left; list-style:none; }
.boilers-services ul li a {padding:90px 0 0 0; margin:0; display:block;}
.boilers-services ul li#icon1 a{background:url('../images/slide/boiler-installations.png') no-repeat center center;}
.boilers-services ul li#icon2 a{background:url('../images/slide/service-repairs.png') no-repeat center center;}
.boilers-services ul li#icon1 a:hover{background:url('../images/slide/boiler-installations-hover.png') no-repeat center center;}
.boilers-services ul li#icon2 a:hover{background:url('../images/slide/service-repairs-hover.png') no-repeat center center;}

.slide2 {  
background-image:
url('../images/slide/home-slide2.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 20% right 0%;
background-size:auto auto;}

.slide2-text { float:left; margin-top:10%;}
.slide2-text h1 { color:#fff; font-size:35px; line-height:42px; font-weight:normal;font-family: 'avantgarde_normalbook';}
.slide2-text h1 b { font-weight:bold;font-family: 'avantgarde_lt_mediumbold';}
.slide2-text h2 { color:#fff;font-size:30px; line-height:35px; margin:15px 0; padding:0px; font-weight:bold;}
.slide2-text p { color:#fff; margin:0px; padding:20px 0; font-size:19px; line-height:25px;}
.slide2-worcester-logo { float:left; width:100%; margin:30px 0;}
.slide2-worcester-logo img { width:auto !important;}
.slide2-text .btn { margin:50px 0; padding:0px; display:inline-block;}
.slide2-text .btn a { color:#fff; background:#f7941e; padding:8px 20px; border-radius:22px; font-size:23px; font-weight:bold;}
.slide2-text .btn a:hover { background:#c2771e;}

.slide3 {  
background-image:
url('../images/slide/home-slide3.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 20% right 0%;
background-size:auto auto;}

.slide3-text { float:left; margin-top:10%;}
.slide3-text h1 { color:#fff; font-size:35px; line-height:42px; font-weight:normal; margin-bottom:15%;font-family: 'avantgarde_normalbook';}
.slide3-text h1 b { font-weight:bold;font-family: 'avantgarde_lt_mediumbold';}
.slide3-text h2 { color:#fff;font-size:30px; line-height:35px; margin:5% 0 0 25%; padding:0px; font-weight:bold;font-family: 'avantgarde_lt_mediumbold'}
.slide3-text h3 { color:#f7941e;font-size:110px; line-height:120px; margin:0; padding:0px; font-weight:bold;font-family: 'avantgarde_lt_mediumbold'}
.slide3-text h4 { color:#fff;font-size:30px; line-height:35px; margin:0 0 0 20%; padding:0px; font-weight:bold;font-family: 'avantgarde_lt_mediumbold'}
.slide3-text p { color:#fff; margin:0px; padding:20px 0; font-size:19px; line-height:25px;}

.slide3-text .btn { margin:15% 0; padding:0px; display:inline-block;}
.slide3-text .btn a { color:#fff; background:#f7941e; padding:8px 20px; border-radius:22px; font-size:23px; font-weight:bold;}
.slide3-text .btn a:hover { background:#c2771e;}

.slide4 {  
background-image:
url('../images/slide/home-slide4.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 20% right 0%;
background-size:auto auto;}

.slide4-text { float:left; margin-top:10%;}
.slide4-text h1 { color:#fff; font-size:35px; line-height:42px; font-weight:normal;font-family: 'avantgarde_normalbook';}
.slide4-text h1 b { font-weight:bold;font-family: 'avantgarde_lt_mediumbold';}
.slide4-text h2 { color:#fff;font-size:30px; line-height:35px; margin:15px 0; padding:0px; font-weight:bold;}
.slide4-text p { color:#fff; margin:0px; padding:20px 0; font-size:19px; line-height:25px;}
.slide4-text .btn { margin:50px 0; padding:0px; display:inline-block;}
.slide4-text .btn a { color:#fff; background:#f7941e; padding:8px 20px; border-radius:22px; font-size:23px; font-weight:bold;}
.slide4-text .btn a:hover { background:#c2771e;}



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

.boilers-services {  width: 100%;  background: #0009;  border-radius: 10px;}
.boilers-services ul li { width:48%;}
.slide1-text { float: left; width: 80%;}
}

@media only screen and ( max-width:1520px) {
.slide1 {background-position: top 100% right 0%;background-size: auto 100%;}
.slide2 {background-position: top 20% right -40%;background-size: auto 100%;}
.slide3 {background-position: top 20% right -20%;background-size: auto 100%;}
.slide4 {background-position: top 20% right -20%;background-size: auto 100%;}

.slide1-text {margin: 2% 0 0;}
}


@media only screen and ( max-width:1100px) {
.slide1,.slide2,.slide3,.slide4 { height:500px;}
.slide1-text h1 {font-size: 26px; line-height:30px;}
.slide1-text h2 {font-size: 22px; line-height:28px;padding:5px 0;}
.slide1-text p { margin:0px; padding:5px 0; font-size:17px;}
.slide1-worcester-logo { margin:10px 0;}

.slide2 {background-position: top 20% right 0%;background-size: auto 100%;}
.slide3 {background-position: top 20% right 0%;background-size: auto 100%;}
.slide4 {background-position: top 20% right 0%;background-size: auto 100%;}
}

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

.slide1-text { text-align:center; width:100%; padding:5% 0 0;}
.slide1-text h1 br,.slide1-text h2 br,.slide1-text p br { display:none;}
.slide1-worcester-logo { text-align:center;}
.slide1-worcester-logo img { display:inline-block !important;}

.slide1 { 
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/slide/home-slide1.png'); 
background-repeat:no-repeat,no-repeat; 
background-size:100% 100%,auto auto;}
.boilers-services { background:none;}
.boilers-services ul li#icon1 a,.boilers-services ul li#icon1 a:hover,
.boilers-services ul li#icon2 a,.boilers-services ul li#icon2 a:hover { background-size:70% auto;}

.slide2 { 
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/slide/home-slide2.png'); 
background-repeat:no-repeat,no-repeat; 
background-size:100% 100%,auto auto;
background-position: top 0 right 0, top 50% right 12%;}
.slide2-text { text-align:center;}
.slide2-worcester-logo { margin:20px 0;}
.slide2-worcester-logo img { width:25% !important; display:inline-block !important; }

.slide2 .wrapper { display:table; height:500px;}
.slide2-text { display:table-cell; float:none; vertical-align:middle; height:500px;}

.slide3 { text-align:center;
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/slide/home-slide3.png'); 
background-repeat:no-repeat,no-repeat; 
background-size:100% 100%,auto auto;
background-position: top 0 right 0, top 50% right 12%;}

.slide3 .wrapper { display:table; height:500px;}
.slide3-text { display:table-cell; float:none; vertical-align:middle; height:500px;}
.slide3-text h1 { margin:0px;}
.slide3-text h2 { margin:0px;}
.slide3-text h4 { margin:0px;}
.slide3-text .btn { margin:2% 0;}

.slide4 { text-align:center;
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/slide/home-slide4.png'); 
background-repeat:no-repeat,no-repeat; 
background-size:100% 100%,auto auto;
background-position: top 0 right 0, top 50% right 12%;}

.slide4 .wrapper { display:table; height:500px;}
.slide4-text { display:table-cell; float:none; vertical-align:middle; height:500px;}
.slide4-text h1 { margin:0px;}
.slide4-text h2 { margin:0px;}
.slide4-text h4 { margin:0px;}
.slide4-text .btn { margin:2% 0;}

}

@media only screen and ( max-width:540px) {
.slide1,.slide2,.slide3,.slide4,.slide2-text,.slide2 .wrapper,.slide3 .wrapper,.slide4 .wrapper  { height:650px;}
.menu { padding:0 !important;}
.slide1-text { padding:0px;}

#header { float:left; width:100%; margin:0;padding:0; 
background:
url('../images/home-banner-flame-background-res.png'),
url('../images/home-banner-background.png'); 
background-position: left 50% bottom 0, left 0% bottom 0%; 
background-repeat:no-repeat,no-repeat; 
background-size:100% 70%,100% 100%;}

.slide1 { 
background:
url('../images/slide/home-slide1.png'); 
background-repeat:no-repeat; 
background-position: left 50% bottom 0;
background-size:36% auto;}

.boilers-services ul li#icon1 a,.boilers-services ul li#icon1 a:hover,
.boilers-services ul li#icon2 a,.boilers-services ul li#icon2 a:hover { background-size:36% auto;}

.boilers-services ul li { width:100%;}
.slide1-worcester-logo img { width:40% !important;}
.slide1-text h1 { font-size:22px; line-height:35px;}
.slide1-text h2 { font-size:21px; line-height:30px; margin:0px; font-weight:bold;}
.boilers-services { margin:10px 0;}
.boilers-services ul li a { padding:60px 0 0;}
.slide1-text p {font-size: 12px;line-height: 20px;padding: 15px 70px;}

.slide2 {background-position: top 0 right 0, top 50% right 38%;}

.slide2-text h1 {font-size:22px; line-height:28px;}
.slide2-text h2 { font-size:20px; line-height:25px;}
.slide2-text p { font-size:15px; line-height:20px;}
.slide2-text p br { display:none;}
.slide2-text .btn { margin:0px;}
.slide2-text .btn a { padding:5px 18px; font-size:18px;}
.slide2-worcester-logo img { width:30% !important; }

.slide3-text h1 { margin:10px 0;font-size:22px; line-height:28px}
.slide3-text h1 br { display:none;}
.slide3-text h2 { margin:10px 0;font-size:20px; line-height:25px;}
.slide3-text h3 {font-size:80px; line-height:90px;}
.slide3-text h4 { margin:10px 0;font-size:20px; line-height:25px;}
.slide3-text .btn a { font-size:18px;}

.slide4-text h1 { margin:10px 0;font-size:22px; line-height:28px}
.slide4-text h1 br { display:none;}
.slide4-text h2 { margin:10px 0;font-size:20px; line-height:25px;}
.slide4-text h3 {font-size:80px; line-height:90px;}
.slide4-text h4 { margin:10px 0;font-size:20px; line-height:25px;}
.slide4-text .btn a { font-size:18px;}
}

@media only screen and ( max-width:420px) {
.slide1-text h1 { font-size:19px; line-height:25px;}
.slide1-text h2 { font-size:16px; line-height:22px;}
.slide1-text p { padding:15px 50px;}


.slide2-text h1 {font-size:18px; line-height:30px;}
.slide2-text h2 { font-size:17px; line-height:26px;}

.slide1 { background-size:50% auto;}

.boilers-services ul li#icon1 a,.boilers-services ul li#icon1 a:hover,
.boilers-services ul li#icon2 a,.boilers-services ul li#icon2 a:hover { background-size:50% auto;}
}

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

}