@media all and (max-width: 620px) {
	#container {
		max-width: none;
		margin: 0.5em 0.5em 1em 0.5em;
		text-align: left; 
	}
	div.container2 {
		margin: 0 auto;
		width: 95%;
		max-width: none;
		padding: 6px 0;
		background-color: rgba(254, 254, 254, 0.8);
		border-radius: 10px;
	}

	.flextop,
	.flexcenter {
		-ms-flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		flex-flow: column wrap;
		-ms-align-content: center; 
		-webkit-align-content: center; 
		align-content: center; 
	}
	.flex-row-col {
		-ms-flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}
	.grid-2 {
	  -ms-columns: 1;
	  -webkit-columns: 1;
	  -moz-columns: 1;
	  columns: 1;
	  -ms-column-gap: 0px;
	  -webkit-column-gap: 0px;
	  -moz-column-gap: 0px;
	  column-gap: 0px;
	}
	
	header.site-header div.flexcenter {
		-ms-flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}
	.subnav li {
		margin-left: auto; /* allows right alignment of menu items */
		font-size: 1rem;
		line-height: 2;
	}

	#splashspot {
		padding: 60px 4px;
		text-align: left;
	}
	#splashspot .container2 {
		padding: 12px 6px;
	}
	#splashspot h1 {
		font-size: 1.15rem;
	}
	#splashspot p.subtitle {
		font-size: 1.8rem;
		text-align: left;
	}
	#splashspot p {
		font-size: 1rem;
	}
	#splashspot li {
		font-size: 0.9em;
	}

	div#top_title {
		padding-top: 0;
	}
	div#sbox1 {
		max-width: 90%;
	}
	div.illus img {
		max-width: 90%;
	}
	div#menu {
		-ms-flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}
	div#menu00 {
		order: 3;
		align-self: auto;
	}
	div#menu01 {
		order: 1;
	}
	div#menu02 {
		order: 2;
	}
	div.col {
		-ms-flex: 1 1 0;
		-webkit-flex: 1 1 0;
		flex: 1 1 0;
	}
	div#project div.col,
	div#legalbody div.col, 
	div#samplebody div.col {
		-ms-flex: 1 1 0;
		-webkit-flex: 1 1 0;
		flex: 1 1 0;
	}
	div.col {
		padding: 0.5em 0;
		margin-bottom: 0.5em;
	}
	div.coll, 
	div.colc, 
	div.colr {
		padding-left: 0;
		padding-right: 0;
	}
	div#intro_txt,
	div#searchxmp {
		-ms-flex: 1 1 0;
		-webkit-flex: 1 1 0;
		flex: 1 1 0;
	}
	div#intro_txt {
		order: 2;
	}
	div#searchxmp {
		order: 1;
	}
	p, 
	li,
	blockquote {
		font-size: 0.9rem;
	}
	td, 
	th {
		font-size: 0.8rem;
	}
	p.cursive {
		font-size: 1.4rem; 
	}
	ul.simple {
		margin-left: 0;
	}
	ul.arrow {
		margin-left: 1.4em;
	}
	.oModal > div {
		max-width: 92%;
		max-height: 92%;
	}
	.oModal:target > div {
		margin: 4% auto;
	}
}
@media screen and (max-width:414px) and (orientation:portrait),
       screen and (max-width:736px) and (orientation:landscape) {
	#cookieChoiceInfo {
		-ms-flex-direction:column; 
		flex-direction:column; 
		font-size: 14px;
	}
	#cookieChoiceText, 
	#cookieChoiceMoreInfo, 
	#cookieChoiceDismiss {
		max-width: 95%;
	}
}
@media all and (max-width: 760px) {
	.grid-3 {
		-ms-columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	.grid-4 {
		-ms-columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
}
@media all and (max-width: 414px) {
	.grid-3 {
		-ms-columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.grid-4 {
		-ms-columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
}