/********** about **********/
.container.ABOUT {width: 86.0%; margin: 0% 0% 0% 0%; padding: 3% 7% 3% 7%;}

.ABOUT .span_1_of_1.first {width: 100%; margin: 0% 0% 2% 0%; padding: 0% 0% 1% 0%; border-bottom: 1px dashed #65ad1b;}
.ABOUT .span_1_of_3.first {width: 33.33%; margin: 0% 0% 2% 0%; padding: 0% 0% 0% 0%; text-align: center;}
.ABOUT .span_1_of_3.second {width: 33.33%; margin: 0% 0% 2% 0%; padding: 0% 0% 0% 0%; text-align: center;}
.ABOUT .span_1_of_3.third {width: 33.33%; margin: 0% 0% 2% 0%; padding: 0% 0% 0% 0%; text-align: center;}
.ABOUT .span_1_of_1.second {width: 100%; margin: 0% 0% 0% 0%; padding: 2% 0% 0% 0%; border-top: 1px dashed #65ad1b;}

div.photoThen {width: 400px; height: 480px; margin: 0% auto 0% auto; background: url('../../photos/photoPeteThen.png') no-repeat; background-position: 0% 0%; background-size: 100%;}
div.photoMatriarch {width: 400px; height: 480px; margin: 0% auto 0% auto; background: url('../../photos/photoPeteMatriarch.png') no-repeat; background-position: 0% 0%; background-size: 100%;}
div.photoToday {width: 400px; height: 480px; margin: 0% auto 0% auto; background: url('../../photos/photoPeteToday.png') no-repeat; background-position: 0% 0%; background-size: 100%;}

.ABOUT div.captionMatriarch, .ABOUT div.captionThen, .ABOUT div.captionToday {margin: 2.5% 0% 0% 0%; font-size: 95%; line-height: 1.0; font-style: italic;}
.ABOUT h2 {margin: 0% 0% 1% 0%; font-size: 170%; line-height: 1.2;}
.ABOUT p {margin: 0% 0% 1% 0%; font-size: 125%; line-height: 1.4;}
}



/***** 1600px ******/
@media only screen and (max-width: 1600px) {
div.photoMatriarch, div.photoPage, div.photoToday {width: 380px; height: 456px;}
}


/***** 1500px ******/
@media only screen and (max-width: 1500px) {
div.photoMatriarch, div.photoPage, div.photoToday {width: 361px; height: 434px;}
}


/***** 1400px ******/
@media only screen and (max-width: 1400px) {
div.photoMatriarch, div.photoPage, div.photoToday {width: 343px; height: 413px;}
}


/***** 1300px ******/
@media only screen and (max-width: 1300px) {
div.photoMatriarch, div.photoPage, div.photoToday {width: 326px; height: 393px;}
}



/***** TEXT 1200px ******/
@media only screen and (max-width: 1200px) {
.ABOUT .span_1_of_3.first {margin: .5% 0% 2% 0%;}
.ABOUT .span_1_of_3.second {margin: .5% 0% 2% 0%;}
.ABOUT .span_1_of_3.third {margin: .5% 0% 2% 0%;}
.ABOUT h2 {font-size: 160%;}
.ABOUT p {font-size: 115%;}
div.photoMatriarch, div.photoPage, div.photoToday {width: 295px; height: 354px;}
}



/***** 1120px ******/
@media only screen and (max-width: 1120px) {
div.photoMatriarch, div.photoPage, div.photoToday {width: 281px; height: 337px;}
.ABOUT div.captionMatriarch, .ABOUT div.captionPage, .ABOUT div.captionToday {font-size: 90%;}
}



/***** 1060px ******/
@media only screen and (max-width: 1060px) {
div.photoMatriarch, div.photoPage, div.photoToday {width: 259px; height: 312px;}
.ABOUT div.captionMatriarch, .ABOUT div.captionPage, .ABOUT div.captionToday {font-size: 87.5%;}
}



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



/***** 960px ******/
@media only screen and (max-width: 960px) {
div.photoMatriarch, div.photoPage, div.photoToday {width: 247px; height: 297px;}
}


/***** 920px ******/
@media only screen and (max-width: 920px) {
div.photoMatriarch, div.photoPage, div.photoToday {width: 228px; height: 275px;}
.ABOUT div.captionMatriarch, .ABOUT div.captionPage, .ABOUT div.captionToday {font-size: 85%;}
}



/***** 860px ******/
@media only screen and (max-width: 860px) {
.ABOUT .span_1_of_3.first {margin: 1% 0% 3% 0%;}
.ABOUT .span_1_of_3.second {margin: 1% 0% 3% 0%;}
.ABOUT .span_1_of_3.third {margin: 1% 0% 3% 0%;}
.ABOUT .span_1_of_1.second {margin: 0% 0% 0% 0%;}
div.photoMatriarch, div.photoPage, div.photoToday {width: 217px; height: 262px;}
}



/***** 810px ******/
@media only screen and (max-width: 810px) {
div.photoMatriarch, div.photoPage, div.photoToday {width: 207px; height: 249px;}
}





/***** TEXT 800px ******/
@media only screen and (max-width: 800px) {
.ABOUT .span_1_of_3.first {width: 50%; margin: 2% 0% 3% 0%;}
.ABOUT .span_1_of_3.second {width: 50%; margin: 2% 0% 3% 0%;}
.ABOUT .span_1_of_3.third {width: 100%; margin: 2% 0% 4% 0%;}
div.photoMatriarch, div.photoPage, div.photoToday {width: 207px; height: 249px;}
.ABOUT div.captionToday {margin: 1.5% 0% 0% 0%;}
.ABOUT h2 {font-size: 140%;}
.ABOUT p {font-size: 102%;}
}



/***** 740px ******/
@media only screen and (max-width: 740px) {
.ABOUT .span_1_of_1.first {padding: 0% 0% 2% 0%;}
.ABOUT .span_1_of_3.first {width: 50%; margin: 2% 0% 3% 0%;}
.ABOUT .span_1_of_3.second {width: 50%; margin: 2% 0% 3% 0%;}
.ABOUT .span_1_of_3.third {width: 100%; margin: 2% 0% 4% 0%;}
.ABOUT .span_1_of_1.second {width: 100%; margin: 0% 0% 0% 0%; padding: 3% 0% 0% 0%;}
.ABOUT h2 {font-size: 140%;}
.ABOUT p {font-size: 102%;}
}


/***** 660px ******/
@media only screen and (max-width: 660px) {
.ABOUT .span_1_of_3.third {margin: 3% 0% 4% 0%;}
}



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



/***** 540px ******/
@media only screen and (max-width: 540px) {
.ABOUT .span_1_of_3.first {margin: 3% 0% 3% 0%;}
.ABOUT .span_1_of_3.second {margin: 3% 0% 3% 0%;}
.ABOUT .span_1_of_3.third {margin: 3% 0% 5% 0%;}
div.photoMatriarch, div.photoPage, div.photoToday {width: 197px; height: 237px;}
}




/***** 500px ******/
@media only screen and (max-width: 500px) {
.ABOUT .span_1_of_1.first {margin: 0% 0% 2% 0%; padding: 0% 0% 3% 0%;}
.ABOUT .span_1_of_3.first {width: 100%; margin: 4% 0% 3% 0%;}
.ABOUT .span_1_of_3.second {width: 100%; margin: 5% 0% 3% 0%;}
.ABOUT .span_1_of_3.third {width: 100%; margin: 5% 0% 4% 0%;}
.ABOUT .span_1_of_1.second {margin: 2% 0% 0% 0%; padding: 4% 0% 0% 0%;}
div.photoMatriarch, div.photoPage, div.photoToday {width: 247px; height: 297px;}
}



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