/* CSS Document */


/* Uses smaller font */

body {
   height: 100vw;
   width: 100vw;
   display: table;
   margin: 0;	
   background-color: white;
   font-size: 3.5vw;
   color: black;
   padding: 1.2em;
   font-family: Verdana, Geneva, sans-serif	;
}

* { box-sizing: border-box; }

section, article, nav, aside, header, footer, main { display: block;  }
.content { display: table; position: relative; }

h1 { text-align: center; font-size: 175%; color: black; font-weight: bold; }

/*

h2 { text-align: left; font-size: 150%; text-indent: 10px; color: darkblue; font-weight: bold; background-color: #dee8ee;}

*/

h2 { text-align: left; font-size: 150%; text-indent: 10px; color: white; font-weight: bold; background-color: darkblue;}


h3 { text-align: left; font-size: 125%; text-indent: 15px; color: white; background-color: #06F; font-weight: bold; }

h4 { text-align: left; text-indent: 20px; font-size: 110%; 15px; color: #039; font-weight: bold; }

h6 { text-align: left; text-indent: 25px;  }


.h2button { 
	 border: .2em ridge #dddddd;
	 padding .2em;
	 cursor: pointer; 
	 border-radius: 2em;
	// box-shadow: 0 0 .2em #003300;
	box-shadow: 0 0 .2em darkblue; 
	color: white;
	text-align: left;
	font-size: 150%;
	text-indent: 10px;
	font-weight: bold;
}

.h3button { 
	 border: .2em ridge #dddddd;
	 padding .2em;
	 cursor: pointer; 
	 border-radius: 2em;
	// box-shadow: 0 0 .2em #003300;
	box-shadow: 0 0 .2em #06F; 
	color: white;
	text-align: left;
	font-size: 115%;
	text-indent: 10px;
	font-weight: bold;
}


/*  h1, h2, h3 {text-align: center; }
h2 {background-color: #DEE8EE;}
*/

.docLink { text-align: left; font-size: 90%; text-indent: 20px; }

.decimg {
	border: .2em outset brown;
	width: 10%;
	height: auto;
	font-family: "Courier New", Courier, monospace;
}

.byrow {
	display: flex;
    flex-flow: row wrap;
	font-family: "Courier New", Courier, monospace;
}

.decdiv {
    border: .1em ridge darkorange;
	outline: .1em groove brown;	
	padding: .1em .1em .1em .1em;
	margin:  .2em .2em .4em .2em;
}

@media only screen and (min-width: 320px) {
body {
	font-size: 115%;
	//color: lightgreen;
	//font-family: Verdana, Geneva, sans-serif;
}
}

@media only screen and (min-width: 375px) {
 /* iPhone 6 */
body {
	font-size: 118%;
	//color: black;
	//font-family: Tahoma, Geneva, sans-serif;
}
}

@media only screen and (min-width: 414px) {
body {
	font-size: 120%;
	//color: yellow;
	//font-family: "Lucida Console", Monaco, monospace;
}
}

@media only screen and (min-width: 569px) {

body {
	font-size: 125%;
	//color: pink;
	//font-family: "Courier New", Courier, monospace;
}
}

@media only screen and (min-width: 640px) {
body {
	font-size: 130%;
	//font-size: blue;
	//font-family: Tahoma, Geneva, sans-serif;
}
}

@media only screen and (min-width: 960px) {
body {
	font-size: 140%;
	//color: purple;
	//font-family: "Comic Sans MS", cursive;
}
}


@media only screen and (min-width: 1024px) {
body {
	font-size: 150%;
	//color: orange;
	//font-family: Georgia, "Times New Roman", Times, serif;
}
}

@media only screen and (min-width: 1280px) {
body {
	font-size: 160%;
	//color: green;
	//font-family: "Courier New", Courier, monospace; 
}
}