/********** intro **********/
.container.INTRO {width: 86.0%; margin: 0% 0% 0% 0%; padding: 3% 7% 1% 7%;}

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

.INTRO .span_1_of_1 {width: 100.00%; margin: 0%; padding: 0%;}

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

br.INTRO_530 {display: none;}



/***** TEXT 1200px ******/
@media only screen and (max-width: 1200px) {
.INTRO h1 {margin: 0% 0% 1% 0%; font-size: 160%; line-height: 1.2;}

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



/***** TEXT 1000px ******/
@media only screen and (max-width: 1000px) {
.INTRO h1 {margin: 0% 0% 1% 0%; font-size: 150%; line-height: 1.2;}

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



/***** TEXT 800px ******/
@media only screen and (max-width: 800px) {
.INTRO h1 {margin: 0% 0% 1% 0%; font-size: 140%; line-height: 1.2;}

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



/***** TEXT 600px ******/
@media only screen and (max-width: 600px) {
.INTRO h1 {margin: 0% 0% 1% 0%; font-size: 130%; line-height: 1.2;}

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



/***** TEXT 400px ******/
@media only screen and (max-width: 400px) {
.INTRO h1 {margin: 0% 0% 1% 0%; font-size: 120%; line-height: 1.2;}

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



/***** 360px ******/
@media only screen and (max-width: 360px) {
br.INTRO_530 {display: block;}
}