/*1280, 980 736, 480, 360 */

/* ------------------------------------------------------------------------------------------------------ */
@media (max-width: 360px) {
	#masthead-200w img {width:230px; height:auto} /* enlarges image to fit navbar */
	.nav {padding-top:0em}
	#masthead-large img {display:none}
	#masthead-403w img {display:none}

} 

/* Portrait & landscape phone */
@media (max-width: 480px) {
	.Sumeru-panel-descrip {text-align:center; font-weight:bold; font-style:italic; padding:0 0 2% 0; margin-top:10px; font-size:1.5em}
	.Sumeru-panel-text {font-size:120%; margin:0 -5% 0 -5%}
	.orientation-text {font-size:1.5em; margin:0 -5% 0 -5%}
	
	#table-orient {padding-left:5%}
	#table-orient tr td {font-size:1em; font-weight:bold} /* sizes the altar descriptions on "orientations.html" */
	
	#Sumeru-altar-image img {max-width:35%; height:auto}
	#founders-altar-image img {max-width:100%; height:auto}
	
	.panel #table-orient table #orientation-descriptions tr td {font-size:2em}
	.element-descrip p {font-size:130%;	}

	/* ------------------------- masthead display ---------------------*/
	#masthead-large img {display:none}
	#masthead-403w img {display:none}
		.nav {padding-top:1em}
 
}

@media (max-width: 640px) and (min-width:481px) {
.Sumeru-panel-descrip {text-align:center; font-weight:bold; font-style:italic; padding:0 0 2% 0; font-size:1.5em}
.Sumeru-panel-text {font-size:120%; margin:0 0% 0 0%}
.orientation-text {font-size:1.5em; margin:0 5% 0 5%}

#table-orient {padding-left:10%}
#table-orient tr td {font-size:1.25em; font-weight:bold} /* sizes the altar descriptions on "orientations.html" */

#founders-altar-image img {max-width:80%; height:auto}

.element-descrip p {padding:0 15% 0 15%; font-size:150%; padding:0 10% 0 10%}

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


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) and (min-width:641px) {
.Sumeru-panel-descrip {text-align:center; font-weight:bold; font-style:italic; padding:0 0 2% 0; font-size:155%;}
.Sumeru-panel-text {font-size:150%; margin:0 5% 0 5%}
.orientation-text {font-size:1.5em; margin:0 5% 0 5%}

#table-orient {padding-left:10%}
#table-orient tr td {font-size:1.25em; font-weight:bold} /* sizes the altar descriptions on "orientations.html" */


#table-orient {padding-left:10%}

#founders-altar-image img {max-width:100%; height:auto}

.element-descrip p {padding:0 15% 0 15%; font-size:150%; padding:0 10% 0 10%}

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

}

/* Large desktop */
@media (max-width: 1024px) and (min-width:768px) {
.Sumeru-panel-descrip {text-align:center; font-weight:bold; font-style:italic; padding:0 0 2% 0; font-size:155%;}
.Sumeru-panel-text {font-size:150%; margin:0 -5% 0 -5%}
.orientation-text {font-size:1.5em; margin:0 0% 0 15%}

#table-orient {padding-left:20%}
#table-orient tr td {font-size:1.25em; font-weight:bold} /* sizes the altar descriptions on "orientations.html" */


.col-sm-8  {width:50%}
.col-sm-4 {width:50%}
#Sumeru-altar-image img {max-width:100%; height:auto}
#founders-altar-image img {max-width:100%; height:auto}

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

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

}

/* Large desktop 1440 	*/
@media (max-width: 1440px) and (min-width:1025px) {
.Sumeru-panel-descrip {text-align:center; font-weight:bold; font-style:italic; padding:0 0 2% 0; font-size:155%;}
.Sumeru-panel-text {font-size:150%; margin:0 -5% 0 -5%}
.orientation-text {font-size:150%;}

#table-orient {margin-left:25%}
#table-orient tr td {font-size:1.25em; font-weight:bold} /* sizes the altar descriptions on "orientations.html" */

.col-sm-8  {width:50%}
.col-sm-4 {width:50%}

.element-descrip p {padding:0 27% 0 27%; font-size:150%}

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

}

/* Large desktop 1440 	*/
@media (max-width: 2560px) and (min-width:1441px) {
.Sumeru-panel-descrip {text-align:center; font-weight:bold; font-style:italic; padding:0 0 2% 0; font-size:1.5em;}
.Sumeru-panel-text {font-size:1.5em; margin:0 -5% 0 -5%}
.orientation-text {font-size:1.5em; padding:0 20% 0 23%}

#table-orient {margin-left:25%}
#table-orient tr td {font-size:1.5em; font-weight:bold} /* sizes the altar descriptions on "orientations.html" */

.col-sm-8  {width:50%}
.col-sm-4 {width:50%}

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

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

}