#rotating_banners  { float:left; width:100%;}
.rotating_banners1,.rotating_banners2,.rotating_banners3 { float:left; width:100%;  height:400px;}
.rotating_banners1 {
background:
url('../images/banners/rotating_banners1_graphic1.png'),
url('../images/banners/rotating_banners1_graphic2.png'),
url('../images/banners/rotating_banners1-bg.png'),
url('../images/banners/rotating_banners1.png');
background-repeat:no-repeat,no-repeat,repeat-x,no-repeat;
background-position:top 25% left 9%, bottom 0% left 6%, bottom 0 left 0,left 0 bottom 50%;
background-size:auto auto, auto auto,auto 10px,100% auto;}
.rotating_banners1 .wrapper { display:table;}
.rotating_banners_text { display:table-cell; vertical-align:middle; text-align: left; height:400px;}
.rotating_banners_text h2 { color:#fff; font-size:40px; line-height:50px; margin:0px; padding:0px;}
.rotating_banners_text h3 { color:#fff;font-size:35px; line-height:40px;}
.rotating_banners_text h4 { color:#fff;font-size:30px; line-height:40px; color:#000; padding:0px;}
.rotating_banners_text .btn { float:left; width:100%; margin:2% 0 0;}
.rotating_banners_text .btn a { color:#000000; background:#fff url('../images/banners/arrow.png'); background-position:top 12px right 15px; background-repeat:no-repeat; background-size: auto auto; 
border-radius:40px; padding:12px 60px 12px 20px; font-size:21px;}
.rotating_banners_text .btn a:hover { color:#fff; background:#73c200 url('../images/banners/arrow-hover.png'); background-position:top 12px right 15px; background-repeat:no-repeat; background-size: auto auto; }

.rotating_banners2 {
background:
url('../images/banners/rotating_banners2.png');
background-repeat:no-repeat;
background-position:left 0 bottom 70%;
background-size:100% auto;}
.rotating_banners2 .wrapper { display:table;}
.rotating2_text { float:left; width:100%; margin:0 0 20px;}
.rotating2_text h1 { float:left; font-size:130px; line-height:130px; margin:0 10px 0 0; padding:0px;}
.rotating2_text h2 { color:#00aeef;font-size:60px; line-height:60px;}

.rotating_banners3 {
background:
url('../images/banners/rotating_banners3-graphic.png'),
url('../images/banners/rotating_banners3.png');
background-repeat:no-repeat,no-repeat;
background-position:right 25% bottom 0%, right 0% bottom 50%;
background-size:auto auto,100% auto;}
.rotating_banners3 .wrapper { display:table;}
.worcester-img { float:left; width:100%; margin:15px 0 0;}
.worcester-img img { width:auto !important; display: inline-block !important;}
 
iframe#which { min-height: 965px }

@media only screen and ( max-width:1600px) {
.rotating_banners_text { text-align:center;}
.rotating_banners2 .rotating_banners_text,.rotating_banners_text h4 { text-align:left;}

.rotating_banners3 .rotating_banners_text { text-align: left}
}

@media only screen and ( max-width:1200px) {
.rotating_banners3 {
background-position:right 15% bottom 0%, right 0% bottom 50%;
background-size:auto auto,100% auto;}
.rotating_banners3 .rotating_banners_text h2 { font-size:30px; line-height:40px;}
}

@media only screen and ( max-width:1100px) {
.rotating_banners1  {background-position:top 25% left 9%, bottom 0% left 6%, bottom 0 left 0,right 0 bottom 20%;background-size:auto auto, auto auto,auto 10px,150% auto;}

.rotating_banners3 {background-position:right 5% bottom 0%, right 0% bottom 50%;background-size:40% auto,150% auto;}
.rotating_banners3 .wrapper { display:table;}
.rotating_banners3 .rotating_banners_text h2 { font-size:25px; line-height:30px;}
}



@media only screen and ( max-width:768px) {
.rotating_banners2 {background-size:130% auto;}
}

@media only screen and ( max-width:640px) {
.rotating_banners1,.rotating_banners2,.rotating_banners3,.rotating_banners_text { height:300px;}

.rotating_banners1 {
background:
url('../images/banners/rotating_banners1_graphic1.png'),
url('../images/banners/rotating_banners1_graphic2.png'),
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/banners/rotating_banners1-bg.png'),
url('../images/banners/rotating_banners1.png');
background-repeat:no-repeat,no-repeat,no-repeat,repeat-x,no-repeat;
background-position:top 25% left 9%, bottom 0% left 6%,top 0 left 0,bottom 0 left 0,right 0 bottom 20%;background-size:auto auto, auto auto,100% 100%,auto 10px,200% auto;}
.rotating_banners_text h2 { font-size:30px; line-height:40px;}
.rotating_banners_text h3 { font-size:26px; line-height:30px;}
.rotating_banners_text .btn a,.rotating_banners_text .btn a:hover { font-size:19px;background-position: top 12px right 10px; padding: 9px 50px 9px 16px; font-size: 18px; background-size: 12%;}

.rotating_banners2 {
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/banners/rotating_banners2.png');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0 bottom 80%;
background-size:100% 100%,130% auto;}
.rotating_banners2 .rotating2_text,.rotating_banners_text h4 { text-align: center;}
.rotating_banners2 .rotating2_text h1 { float: none;}
.rotating2_text h2 br,.rotating_banners_text h4 br { display:none;}
.rotating_banners2 .rotating2_text h1 { margin:0px;font-size: 80px;line-height: 80px; color:#fff;}
.rotating_banners2 .rotating2_text h2 {font-size: 25px;line-height: 30px; color:#fff;}
.rotating_banners_text h4 {font-size:22px;line-height: 30px; color:#fff;}


.rotating_banners3 {background-position:right 5% bottom 0%, right 0% bottom 50%;background-size:30% auto,150% auto;}
.rotating_banners3 .wrapper { display:table;}
.rotating_banners3 .rotating_banners_text h2 { font-size:20px; line-height:25px;}
.rotating_banners3 .worcester-img img { width:40% !important;}
}

@media only screen and ( max-width:520px) {
.rotating_banners1 .rotating_banners_text { text-align:right;}
.rotating_banners1  {background-position:top 25% left 9%, bottom 0% left 6%,top 0 left 0,bottom 0 left 0,right 0 bottom 20%;background-size:auto auto, 15% auto,100% 100%,auto 10px,200% auto;}


.rotating_banners3 {background-position:right 5% bottom 0%, right 0% bottom 50%;background-size:35% auto,200% auto;}
}

@media only screen and ( max-width:460px) {
.rotating_banners1,.rotating_banners2,.rotating_banners3,.rotating_banners_text { height:300px;}
.rotating_banners1  {background-position:top 25% left 9%, bottom 0% left 6%,top 0 left 0,bottom 0 left 0,right 0 bottom 20%;background-size:auto auto,25% auto,100% 100%,auto 10px,200% auto;}

.rotating_banners_text h2 { font-size:25px; line-height:30px;}
.rotating_banners_text h3 { font-size:20px; line-height:25px;}
.rotating_banners_text .btn a,.rotating_banners_text .btn a:hover { font-size:17px;background-position: top 12px right 10px; padding: 9px 40px 9px 16px; font-size: 18px; background-size: 12%;}

.rotating_banners_text h4 {font-size:18px;line-height:25px;}
}
@media only screen and ( max-width:400px) {
.rotating_banners1,.rotating_banners2,.rotating_banners3,.rotating_banners_text { height:260px;}
.rotating_banners_text h2 { font-size:20px; line-height:25px;}
.rotating_banners_text h3 { font-size:17px; line-height:22px;}
.rotating_banners_text .btn a,.rotating_banners_text .btn a:hover { font-size:15px;background-position: top 12px right 10px; padding: 9px 40px 9px 16px; font-size: 18px; background-size: 12%;}

.rotating_banners2 .rotating2_text h1 { margin:0px;font-size:50px;line-height: 60px;}
.rotating_banners2 .rotating2_text h2 {font-size: 22px;line-height: 25px; }
.rotating_banners_text h4 {font-size:16px;}
}









