@media screen and (max-device-width:800px){ /* phone */
.pageBorder{
width:100%;
border-left:none;
border-right:none;
}
.pageWrap{
width:100%;
padding:2% 1%;
}
#menuWrap{
display:block;
}
#pageHead{
flex-direction:column;
height:auto;
}
#pageHead #logo img{
height:14vmax;
}
#pageHead.sticky #logo_title{
/*position:fixed;
left:50%;transform:translateX(-50%);
font-size:3vmax;top:5px;*/
}
#pageMenu{
display:block;
bottom:auto;
right:auto;
height:100%;
}
#pageMenu>ul{
display:flex;
margin:0px;
padding:0;
background:#33304E;
justify-content:space-around;
}
#pageMenu>ul>li{
display:block;
padding:0 10px;
text-align:left;
font-size:85%;
}
#pageMenu a,#pageMenu span{
display:block;
width:auto;
color:#FFF;
padding:10px 5px;
}
#pageMenu a:active,#pageMenu a:hover{
color:#FFF;
border-bottom:3px solid #FFF;
}
.subMenu>ul{
position:relative;
display:flex;
flex-direction:column;
background:none;
box-shadow:none;
}
.c25p{width:100%;}.c33p{width:100%;}.c50p{width:100%;}.c75p{width:100%;}
#pageBody{
display:block;
letter-spacing:normal;
}
#pageBody h1{
margin-bottom:10px;
font-size:190%;
padding:5px;
}
#pageFoot .pageWrap{
flex-direction:column;
}
#pageFoot .pageWrap>div{
padding:20px 25px;
}
.social-icons {text-align:left;}
.cols,.cols li,.toBlock,.toBreak,.toBreak li,[rel*="toBlock"]{
display:block;
width:100% !important;
}
.responsive{
flex-direction:column;
}
table.tblresponsive tr.title{
display:none;
}
table.tblresponsive td{
display:block;
}
table.tblresponsive tr{
border-bottom:1px solid #AAA;
}
table.tblresponsive tr td span.title{
display:inline-block;
font-size:80%;
color:#666;
min-width:60px;
}
.perpendicular{
left:-90px !important;
}
.monitoron,.mobileoff{
display:none;
}
.mobileon{
display:inline-block;
}
fieldset>ul>li{
flex-direction:column;
align-items:flex-start;
padding:5px 5px;
margin:0;
}
fieldset>ul>li>span{
flex:1 1 100%;
padding:0;
font-size:80%;
min-width:0;
width:100%;
}
fieldset>ul>li>div{
flex:1 1 100%;
width:100%;
padding:0;
}


/*app menu*/
#app_menu,#back_menu{
font-size:200%;
position:fixed;
left:0;top:0;
z-index:1750;
display:table-cell;
width:30px;
color:#493E25;
vertical-align:top;
padding:10px 20px;
}
div#pageMenu.checked{
display:block;
left:0;
/*animation: slide-in 0.5s ease;animation-fill-mode: forwards;
-webkit-animation: slide-in 0.5s ease;-webkit-animation-fill-mode: forwards;
-moz-animation: slide-in 0.5s ease;-moz-animation-fill-mode: forwards;*/
}

/*site specific*/
#headTop{
background-size:cover;
animation:sunrise 5s linear forwards;
}
@keyframes sunrise{
	0% {top:90%;filter:brightness(10%) hue-rotate(0deg);}
	100% {top:-140%;width:140vw;height:140vw;filter:brightness(150%) hue-rotate(-25deg);}
}
#pageMenu #dashboard-member>a{
display:none;
}
}
@media screen and (max-device-width:800px) and (orientation:portrait) { /* phone - portait only */

}