/********** our instrutors **********/
.container.OI {width: 86.0%; margin: 0% 0% 0% 0%; padding: 3% 7% 3% 7%;}

.OI .span_1_of_1 {width: 100.00%; margin: 0%; padding: 0%;}
.OI h2 {margin: 0% 0% 1% 0%; font-size: 170%; line-height: 1.2;}
.OI p {margin: 0% 0% 2% 0%; font-size: 125%; line-height: 1.4;}



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



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



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



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



/***** TEXT 400px ******/
@media only screen and (max-width: 400px) {

.OI h2 {font-size: 120%;}
.OI p {font-size: 85%;}
}