@media (max-width: 325px) {	
	#masthead-200w img {width:350px; height:auto}
	 } /* enlarges image to fit navbar */

@media (max-width: 480px) {

#body-text p {margin: 0 -1% 0 -1%; padding:0 1% 3% 1%; font-size:1em}
#panel-text p {font-size:1em; padding:0 0% 0px 0%}
.in-page-links {font-size:1.25em	}
h1 {font-size:1.75em; }
h2 {font-size:1.25em; padding:.5em 1% 0% 1%;}
h3 {font-size:1.15em; padding:.5em 1% 0% 1%;}
.side-panel #panel-image-manju img {max-width:150px; height:auto;}

#north-star {margin-top:480px}

#kanzeon-image img {width:100px; height:auto; text-align:center}
.side-panel {max-height:50%;}
.side-panel #panel-image img {max-width:150px; height:auto;}
.side-panel #panel-image {padding: 0 0 1em 0}
.side-panel-2 #panel-image {text-align:center}
.side-panel-2 #panel-image img {max-width:150px; height:auto}

/* ------------------- Samantabhadra image ------------ */
.side-panel #panel-image-saman img {max-width:120px; height:auto;}
.side-panel #panel-image-saman {padding: 0 0 1em 0; text-align:center}

/* ------------------- schedule table------------ */
#body-text #schedule-day {font-weight:bold; color:red;  margin:1em 0 -.5em 0}
#body-text #schedule-time {font-weight:bold; padding:.5em 0 0 0}
#body-text #schedule-event {padding: 0 0 0 1em ;}

/* ------------------------- masthead display --------------------- */
#masthead-large img {display:none}
#masthead-403w img {display:none}

}
/* --------------- 481x640 --------------------- */
@media (max-width: 640px) and (min-width:481px) {
#body-text p {margin: 0 0% 0 0%; font-size:1.25em}

#panel-text p {font-size:1.25em; padding:0 0% 0px 0%}
h1 {font-size:1.75em; }
h2 {font-size:1.25em;padding:1.5em 0% 0% 5%;}
h3 {font-size:1.15em; padding:.5em 1% 0% 5%;}
#precepts-refuges-indents p {padding:0 0 1em 5%}
.side-panel #panel-image-manju img {max-width:150px; height:auto;}

#north-star {margin-top:630px}


#kanzeon-image img {width:100px; height:auto; text-align:center}

.side-panel #panel-image img {max-width:150px; height:auto;}
.side-panel #panel-image {padding: 0 0 1em 0}
.side-panel-2 #panel-image {text-align:center}
.side-panel-2 #panel-image img {max-width:150px; height:auto}
.side-panel #panel-image-manju img {max-width:75%; height:auto;}

/* ------------------- Samantabhadra image ------------ */
.side-panel #panel-image-saman img {max-width:140px; height:auto;}
.side-panel #panel-image-saman {padding: 0 0 1em 0; text-align:center}

/* ------------------- schedule table------------ */
#body-text-schedule {padding:0 0 0 5%; font-size:1.25em}
#body-text-schedule #schedule-day {font-weight:bold; color:red;  margin:1em 0 -.5em 0}
#body-text-schedule #schedule-time {font-weight:bold; padding:.5em 0 0 0}
#body-text-schedule #schedule-event {padding: 0 0 0 1em ;}

.panel .element-descrip {padding:0 0 0 0; font-size:1.25em}

/* ------------------------- masthead display --------------------- */
#masthead-200w img {display:none}
#masthead-large img {display:none}
#masthead-200w img {width:240px; height:auto}
}

@media only screen and (min-width:640px) and (max-width: 640px) {
		#masthead-403w img {width:475px; height:auto}

}

/* --------------- 641x768 --------------------- */
@media (max-width: 767px) and (min-width:641px) {
#body-text p {font-size:1.25em; padding:0 5% 0 5%}
#panel-text p {font-size:1.25em; padding:0 10% 0px 10%}

#panel-text p {font-size:1.25em; padding:0 0% 0px 0%}
h1 {font-size:2em; }
h2 {font-size:1.75em;padding:0 0% 0% 5%;}
h3 {font-size:1.15em; padding:.5em 1% 0% 5%;}

#north-star {margin-top:500px}

#kanzeon-image img {width:125px; height:auto; text-align:center}

.in-page-links {padding: 1em 0 1.5em 2%}

.side-panel #panel-image img {max-width:150px; height:auto;}
.side-panel #panel-image {padding: 0 0 1em 0}
.side-panel-2 #panel-image {text-align:center}
.side-panel-2 #panel-image img {max-width:150px; height:auto}
.side-panel #panel-image-manju img {max-width:150px; height:auto;}

/* ------------------- Samantabhadra image ------------ */
.side-panel #panel-image-saman img {max-width:150px; height:auto;}
.side-panel #panel-image-saman {padding: 0 0 1em 0; text-align:center}

/* ------------------- schedule table------------ */
#body-text-schedule {padding:0 0 0 5%; font-size:1.25em}
#body-text-schedule #schedule-day {font-weight:bold; color:red;  margin:1em 0 -.5em 0}
#body-text-schedule #schedule-time {font-weight:bold; padding:.5em 0 0 0}
#body-text-schedule #schedule-event {padding: 0 0 0 1em ;}

.panel .element-descrip {padding:0 10% 0 10%;}

/* ------------------------- masthead display --------------------- */
#masthead-200w img {display:none}
#masthead-large img {display:none}

}

/* --------------- 768x1024 --------------------- */
@media (max-width: 1024px) and (min-width:768px) {
#body-text p {font-size:1.25em; padding:0 5% 0 5%}

#panel-text p {font-size:1.25em; padding:0 0% 0px 0%}
h1 {font-size:2em; }
h2 {font-size:1.5em; padding:0 0% 0% 5%; margin:1em 0 .5em 0}
h3 {font-size:1.15em; padding:.5em 1% 0% 5%;}

#kanzeon-image img {max-width:100%; height:auto; text-align:center}

.side-panel #panel-image img {max-width:150px; height:auto;}
.side-panel #panel-image {padding: 0 0 1em 0}
.side-panel-2 #panel-image {text-align:center}
.side-panel-2 #panel-image img {max-width:150px; height:auto}


.col-sm-8  {width:60%}
.col-sm-4 {width:40%}

/* ------------------- Samantabhadra image ------------ */
.side-panel #panel-image-saman img {max-width:100%; height:auto;}
.side-panel #panel-image-saman {padding: 0 0 1em 0; text-align:center}

/* ------------------- schedule table------------ */
#body-text-schedule {padding:0 0 0 5%; font-size:1.25em}
#body-text-schedule #schedule-day {font-weight:bold; color:red;  margin:1em 0 -.5em 0}
#body-text-schedule #schedule-time {font-weight:bold; padding:.5em 0 0 0}
#body-text-schedule #schedule-event {padding: 0 0 0 1em ;}

#resources h2	 {padding:1em 0% .5em 10%;  font-size:1.5em}
#resources h3	 {padding:.5em 0% .5em 10%; font-style:italic; font-size:1.25em}

.panel .element-descrip {padding:0 10% 0 10%;}

/* ------------------------- masthead display --------------------- */
#masthead-200w img {display:none}
#masthead-403w img {display:none}

}

/* -------------------------------------------------------------------------------- 1025x1440 --------------------- */
@media only screen and (max-width: 1440px) and (min-width: 1025px) {
#body-text p {font-size:1.5em; padding:0 15% 0 12%}
/*#panel-text p {font-size:1.2em; padding:0 0% 0px 0%} */

#panel-text p {font-size:1.25em; padding:0 1% 0% 1%}
h1 {font-size:2.25em; }
h2 {font-size:1.75em; padding:0 0% 0% 12%; margin:1em 0 .5em 0}
h3 {font-size:1.5em; padding:0 1% 0% 14%;}
#precepts-refuges-indents p {padding:0 0 1em 14%; margin:-.5em 0 0 0}


#kanzeon-image img {max-width:100%; height:auto; text-align:center}
.in-page-links {padding: 1em 0 1.5em 12%}

/* ------------------- Samantabhadra image ------------ */
.side-panel #panel-image-saman img {max-width:100%; height:auto;}
.side-panel #panel-image-saman {padding: 0 0 1em 0; text-align:center}

/* ------------------- schedule table------------ */
#body-text-schedule {padding:0 0 0 12%; font-size:1.25em}
#body-text-schedule #schedule-day {font-weight:bold; color:red;  margin:1em 0 -.5em 0}
#body-text-schedule #schedule-time {font-weight:bold; padding:.5em 0 0 0}
#body-text-schedule #schedule-event {padding: 0 0 0 1em ;}


.element-descrip {padding:0 15% 0 15%; font-size:200%}

/* ------------------------- masthead display --------------------- */
#masthead-200w img {display:none}
#masthead-403w img {display:none}

}

/* --------------- 1440x2560 --------------------- */
@media only screen and (max-width: 2560px) and (min-width: 1441px) {
#body-text p {padding: 0 10% 0 10%; font-size:1.35em}

#panel-text p {font-size:1.15em; padding:0 1% 0% 1%}
h1 {font-size:2.25em; }
h2 {font-size:1.75em; padding:0 0% 0% 10%; margin:1em 0 .5em 0}
h3 {font-size:1.5em; padding:0 1% 1em 14%;}
#precepts-refuges-indents p {padding:0 4% 1em 14%; margin:-.5em 0 0 0}


#kanzeon-image img {max-width:100%; height:auto; text-align:center}
.in-page-links {padding: 1em 0 1.5em 8%}

.side-panel #panel-image img {max-width:100%; height:auto;}
.side-panel #panel-image {padding: 0 0 1em 0}
.side-panel-2 #panel-image {text-align:center}
.side-panel-2 #panel-image img {max-width:175px; height:auto}

#body-text h3 {font-size:1.5em; padding:0 3% .5em 14%;} /* for "resource.html" h3's */
.side-panel #panel-image-saman img {max-width:100%; height:auto;}
.side-panel #panel-image-saman {padding: 0 0 1em 0; text-align:center}

/* ------------------- schedule table------------ */
#body-text p {margin:0 10% .5em 10%}
h2 {margin:1em 10% 0 10%; font-size:1.5em}
h3 {margin:0 10% 0 10%}

.in-page-links {padding: 1em 0 1.5em 8%; margin:0 10% 0 10%}

#body-text-schedule {padding:0 50% 0 10%; font-size:1.25em; margin:0 10% 0 10%;}
#body-text-schedule #schedule-day {font-weight:bold; color:red;  margin:1em 0 -.5em 0}
#body-text-schedule #schedule-time {font-weight:bold; padding:.5em 0 0 0;}
#body-text-schedule #schedule-event {margin:0 -120% 0 0} 

#resources h2	 {padding:1em 0% .5em 10%;  font-size:1.5em}
#resources h3	 {padding:.5em 0% .5em 10%; font-style:italic; font-size:1.25em}

.element-descrip {padding:0 25% 0 27%; font-size:1.5em}

#masthead-200w img {display:none}
#masthead-403w img {display:none}

}