/********** encore chat **********/
.container.CHAT {width: 86.0%; margin: 0% 0% 0% 0%; padding: 3% 7% 3% 7%;}

.CHAT h2 {margin: 0% 0% 1% 0%; font-size: 170%; line-height: 1.2;}

.CHAT .span_2_of_5 {width: 100.00%; margin: 0% 0% 2% 0%; padding: 0% 0% 0% 0%;}
.CHAT .span_3_of_5 {width: 100.00%; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%;}

div.photoChat {height: 370px; background: url('../../photos/photoChat.jpg') no-repeat; background-position: 0% 10%; background-size: cover; border: 1px solid #fff;}
.CHAT div.captionChat {margin: .5% 0% 0% 0%; font-size: 95%; line-height: 1.0; font-style: italic;}

.CHAT p {margin: 0% 0% 2% 0%; font-size: 125%; line-height: 1.4;}

br.CHAT_520 {display: none;}



/***** 1300px ******/
@media only screen and (max-width: 1300px) {
div.photoChat {height: 340px;}
}



/***** TEXT 1200px ******/
@media only screen and (max-width: 1200px) {
.CHAT h2 {font-size: 160%;}

div.photoChat {height: 340px;}

.CHAT p {font-size: 115%;}
}



/***** 1170px ******/
@media only screen and (max-width: 1170px) {
div.photoChat {height: 330px;}
}



/***** 1120px ******/
@media only screen and (max-width: 1120px) {
.CHAT div.captionChat {margin: 1% 0% 0% 0%; font-size: 90%;}
}



/***** 1060px ******/
@media only screen and (max-width: 1060px) {
.CHAT div.captionChat {font-size: 87.5%;}
}



/***** 1040px ******/
@media only screen and (max-width: 1040px) {
div.photoChat {height: 340px;}
}



/***** TEXT 1000px ******/
@media only screen and (max-width: 1000px) {
.CHAT h2 {font-size: 150%;}

div.photoChat {height: 300px;}

.CHAT p {font-size: 105%;}
}



/***** 940px ******/
@media only screen and (max-width: 940px) {
div.photoChat {background-position: 0% 0%;}
}



/***** 920px ******/
@media only screen and (max-width: 920px) {
.CHAT div.captionChat {font-size: 85%;}
}



/***** 840px ******/
@media only screen and (max-width: 840px) {
div.photoChat {height: 260px;}
}



/***** 810px ******/
@media only screen and (max-width: 810px) {
.CHAT div.captionChat {font-size: 85%;}
}



/***** TEXT 800px ******/
@media only screen and (max-width: 800px) {
.CHAT h2 {font-size: 140%;}

div.photoChat {height: 280px;}

.CHAT p {font-size: 102%;}
}



/***** 700px ******/
@media only screen and (max-width: 700px) {
div.photoChat {height: 240px;}
}



/***** TEXT 600px ******/
@media only screen and (max-width: 600px) {
.CHAT h2 {font-size: 130%;}

div.photoChat {height: 260px;}

.CHAT p {font-size: 90%;}
}



/***** 520px ******/
@media only screen and (max-width: 700px) {
.CHAT .span_2_of_5 {width: 100.00%; margin: 0% 0% 4% 0%;}

div.photoChat {background-position: 50% 0%;}

br.CHAT_520 {display: block;}
}



/***** 480px ******/
@media only screen and (max-width: 480px) {
div.photoChat {height: 240px; background-position: 50% 0%;}
}



/***** 420px ******/
@media only screen and (max-width: 480px) {
div.photoChat {height: 220px;}
}



/***** TEXT 400px ******/
@media only screen and (max-width: 400px) {
.CHAT h2 {font-size: 120%;}

div.photoChat {height: 200px; background-position: 50% 0%;}

.CHAT p {font-size: 85%;}
}



/***** 380px ******/
@media only screen and (max-width: 480px) {
.CHAT .span_2_of_5 {margin: 0% 0% 5% 0%;}

div.photoChat {height: 180px;}
}