/********** private lessons **********/
.container.PRIVATE {width: 86.0%; margin: 0% 0% 0% 0%; padding: 3% 7% 3% 7%;}

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

.PRIVATE .span_2_of_5 {width: 46.00%; margin: .5% 3% 1.5% 0%; padding: 0%;}
.PRIVATE .span_3_of_5 {width: 51.00%; margin: 0% 0% 1.5% 0%; padding: 0%;}

div.photoPRIVATE {height: 380px; margin: 0%; background: url('../../photos/photoLessonAlt.jpg') no-repeat; background-position: 0% 60%; background-size: cover; border: 1px solid #fff;}

.PRIVATE p {margin: 0% 0% 1% 0%; font-size: 125%; line-height: 1.4;}
.PRIVATE ul {margin: 0% 0% 2% 4%;}
.PRIVATE ul li {margin: 0% 0% 0% 0%; padding: 0% 0% 1% 0%; font-size: 125%; line-height: 1.4;}



/***** 1440px ******/
@media only screen and (max-width: 1440px) {
div.photoPRIVATE {height: 400px;}
}



/***** 1380px ******/
@media only screen and (max-width: 1380px) {
.PRIVATE .span_2_of_5 {width: 100.00%; margin: 0% 0% 2% 0%; padding: 0% 0% 0% 0%;}
.PRIVATE .span_3_of_5 {width: 100.00%; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%;}

div.photoPRIVATE {height: 360px; background-position: 0% 30%;}

.PRIVATE ul li {margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; font-size: 125%; line-height: 1.4;}
}



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

div.photoPRIVATE {height: 340px;}

.PRIVATE p {font-size: 115%;}
.PRIVATE ul li {font-size: 115%; padding: 0% 0% 1% 0%;}
}



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

.PRIVATE p {font-size: 105%;}
.PRIVATE ul li {font-size: 105%;}
}



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

div.photoPRIVATE {height: 300px; background-position: 0% 40%;}

.PRIVATE p {margin: 0% 0% 2% 0%; font-size: 102%;}
.PRIVATE ul li {font-size: 102%;}
}



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

div.photoPRIVATE {height: 300px; background-position: 0% 60%;}

.PRIVATE p {font-size: 90%;}
.PRIVATE ul {margin: 1% 0% 2% 6%;}
.PRIVATE ul li {font-size: 90%;}
}



/***** 500px ******/
@media only screen and (max-width: 500px) {
div.photoPRIVATE {height: 260px; background-position: 0% 60%;}
}



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

.PRIVATE .span_2_of_5 {margin: 0% 0% 3% 0%;}

div.photoPRIVATE {height: 210px; background-position: 0% 60%;}

.PRIVATE p {margin: 0% 0% 3% 0%; font-size: 85%;}
.PRIVATE ul {margin: 4% 0% 2% 6%;}
.PRIVATE ul li {padding: 0% 0% 3% 0%; font-size: 85%;}
}