@charset "utf-8";
/* CSS Document */

/* Universal settings */
@media (orientation: portrait) {
	body { flex-direction: column; }
}

@media (orientation: landscape) {
	body { flex-direction: row; }
}

section, article, nav, aside, header, footer, main { display: block;  }

* { box-sizing: border-box; }

body {
   height: 100vw;
   width: 100vw;
   display: table;
   margin: 0;	
   background-color: white;
   font-size: 3.5vw;
   color: black;
   padding: 1.2em;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}


@media only screen and (min-width: 320px) {
body {  font-size: 105%;
}
.header { font-size: 135%; }
}

@media only screen and (min-width: 375px) {
 /* iPhone 6 */
body {  font-size: 110%;
}
.header { font-size: 140%; }
}

@media only screen and (min-width: 414px) {
body { font-size: 115%;
}
.header { font-size: 145%; }
}

@media only screen and (min-width: 569px) {
body { font-size: 120%; }
.header { font-size: 155%; }		
}

@media only screen and (min-width: 640px) {
body {  font-size: 125%; }
.header { font-size: 165%; }
}

@media only screen and (min-width: 960px) {
body { font-size: 130%; } 
.header { font-size: 175%; }
}


@media only screen and (min-width: 1024px) {
body {
	font-size: 135%;
} 
.header { font-size: 180%; }
}

@media only screen and (min-width: 1280px) {
body { font-size: 150%; }
.header { font-size: 185%; }
}

h1, h2, h3 { text-align: center; }

.header { color: white; background-color: blue; border: .2em ridge red;}
.category2 { color: darkblue; }
.pmajor { font-size: 125%; text-align: center;}

.pind { text-indent: 3em; }

.divider {
	border: medium groove brown;
	background-color: #ffffcc;
}

tr { vertical-align: text-top; }

.img {
	border: medium groove brown;
	width: 95%;
}

.imghalf {
    border: medium groove brown;
	width: 75%;	
}

.imgsmall {
	border: medium groove brown;
	width: 50%;
}

.alert { background-color: lightblue;}

.menucell {
  border: .2em inset darkblue;	
  background-color: #fffff0;
  text-align: center;
}

.accent {
	color: red;
	font-weight: bold;
	font-size: smaller;
    text-align: center;
}