/* Phone */
@font-face {font-family: 'oswaldregular'; src: url('oswald-variablefont_wght-webfont.woff2') format('woff2'), url('oswald-variablefont_wght-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
p     { font-size: 0.6em; font-family: Verdana, Helvetica, sans-serif;}
.logo {	display: flex;	justify-content: center; }
body { 	margin: 0; 	padding: 0; 	color: hsl(0,0%,48%); 	font-size: 1.2em; 	font-family: Helvetica, sans-serif;}
img { 	width: 100%; 	height: auto; }
.reframe { 	max-width: 96%; margin: 0 auto; }
#topline { 	background: black; 	color: white; }
#topline p { margin: 0; padding:0 0 20px 0; font-size: 1.6em; text-align: center; line-height: 100%; }
ul#mainmenu { 	display: -webkit-flex;	display: -ms-flexbox;	display: flex;	-webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap;	flex-wrap: wrap;	-ms-flex-pack:justify;	margin: 0; 	padding-left: 0; 	list-style-type: none; }
ul#mainmenu li { position: relative;   width: 33%; font-size:0.6em;   background: #900;    margin-right: 1px;    margin-bottom:1px;  font-family: 'oswaldregular'; src: url('oswald-variablefont_wght-webfont.woff2') format('woff2'),
url('oswald-variablefont_wght-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
ul#mainmenu li a {  display:block; padding-left:5px; padding-right: 5px; padding-bottom:4px; padding-top:4px; text-decoration: none; color: #CCCCCC; }
ul#mainmenu ul li {    background: none; margin-top: 0; display: block; margin-bottom: 1px; }
ul#mainmenu li a:hover {  display: block; color: #AF7F45; }
ul#mainmenu ul {   background: rgba(0,0,0,0.8);   position: absolute; right:0; padding-left: 0; width: 200%;   display: none;  z-index:100; }
#sidebar ul { list-style-type:none; padding-left: 1ex }
#sidebar ul ul { margin-top: 1em }
#sidebar li { margin-bottom: 1ex; border-bottom: 1px dotted gainsboro}
#sidebar li li { border-bottom:none}
#home { background: salmon; color:white; padding: 10px; text-align: center; font-weight: bold; cursor: pointer }
footer { background: #900; height: 10px; color: white; margin-top:30px }
#faceback {	display: flex; justify-content: right; -webkit-justify-content: right;		-ms-flex-pack:justify; width: 24;	height: 24; margin-left:0.7em; margin-top:0.7em;margin-right:0.7em; }
.warning { max-width:350px; margin: 0 auto; }
.group,
[class*=colgroup] { zoom:1 } 
.group:after,[class*=colgroup]:after {	content:".";	display:block;	height:0;	clear:both;	visibility:hidden}
.col {
	position: relative;
	box-sizing: border-box;
	background: #FFF;
	padding-bottom: 1em;
}
.col :first-child { margin-top:0}

/* Tablet */
@media only screen and (min-width: 660px) {
#topline { background: plum; height: 30px; }
.logo {	display: flex;	justify-content: center; margin: 1em; }
.reframe { max-width: 660px; }
ul#mainmenu { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap;	flex-wrap: nowrap; }
ul#mainmenu li a {  display:block; padding: 10px; text-decoration: none; color: #CCCCCC; }   
ul#mainmenu li { width: 24%; font-size:0.62em;   margin-right: 2px;    margin-bottom: 2px;	}
#main {	display:-webkit-flex;	display:-ms-flexbox;	display:flex;	-webkit-justify-content: space-between;		-ms-flex-pack:justify;	justify-content: space-between;	}
#content, #sidebar { width: 47% }
#content article { width: 100%; float:none; }
.colgroup-1 .col {		width:100%;		float:none;		margin-left:0	}
.colgroup-3 .colspan-2,	.colgroup-3 .colspan-2+.col,	.colgroup-3 .col.primary,	.colgroup-3 .col.secondary {		width:100%;		float:none;		margin-left:0;	}
.colgroup-3 .col.secondary { margin:2em 0 0 0 }
body {  }
[class*=colgroup] .col {	margin-left:5%;	float:left	}
[class*=colgroup] .col:first-of-type { margin-left:0 }
.colgroup-3 .col { width:30%}
.colgroup-3 .col:nth-of-type(3n+1) {		clear:left;		margin-left:0	}
.colgroup-3 .col.colspan-2 { width:64% }
.colgroup-3 .col.middle {		margin:0 auto;		float:none	}
.colgroup-3 .col.colspan-2>p {		line-height:1.4;		margin-top:0.7em	}
.colgroup-3 .col.primary { float:right }
.colgroup-3 .col.secondary {		float:left;		margin-left:0	}
.fliesstext {	-webkit-column-count: 3; /* Chrome, Safari, Opera */    -moz-column-count: 3; /* Firefox */    column-count: 3;	-webkit-column-gap: 24px; /* Chrome, Safari, Opera */    -moz-column-gap: 24px; /* Firefox */    column-gap: 24px;	}
}

/* Medium Display */
@media only screen and (min-width: 980px)  {
#topline { background: orangered; }
.reframe { max-width: 980px; }
#content{ width: 65% }
#sidebar { width: 30% }
ul#mainmenu li { width: 24%; font-size:1em;   margin-right: 2px;    margin-bottom: 2px;	}
#content {	display:-webkit-flex;		display:-ms-flexbox;		display:flex;		-webkit-justify-content: space-between;	-ms-flex-pack:justify;	justify-content: space-between;	-webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap;	flex-wrap: wrap; }
#content article {	width: 48%;	}
#content header { height:2.8em;	}
}

/* Large Display */
@media only screen and (min-width: 1280px)  {
#topline { background: gold; }
.reframe { max-width: 1280px; }
#content{ width: 68% }
#sidebar { width: 28% }
#content article {	width: 48%;	}
#content header { height:2.8em;	}
}