.header-menu-inline {}
/* HEADER CHANGES FOR WHEN DESKTOP VIEW IS ACTIVE */
.desktopview .header-menu-inline {}
/* HEADER CHANGES FOR WHEN MOBILE VIEW IS ACTIVE */
.mobileview .header-menu-inline #headertop{width:100%!important;}
.mobileview .header-menu-inline #headernav{
	position:absolute;
	width:100%!important;
	height:100%;
	left:-100%;
	-webkit-transition:left .45s ease-in-out;
	-moz-transition:left .45s ease-in-out;
	transition:left .45s ease-in-out}
.mobileview .header-menu-inline.open #headernav{
	left:0;}

/* header top
#headertop {
	width:100%}
.mobileview .header-menu-inline #headertop{} */

/* header nav
#headernav {
	width:100%;}
.mobileview .header-menu-inline #headernav{
	position:absolute;
	z-index:99999;
	left:-100%;
	height:100%;
	background:green;
	-webkit-transition:left .45s ease-in-out;
	-moz-transition:left .45s ease-in-out;
	transition:left .45s ease-in-out}
.mobileview .header-menu-inline.open #headernav{
	left:0%;} */

/* content widths
.header-menu-inline ~ #contents,
.header-menu-inline ~ #footer {
	xwidth:calc(100% - 25%);
	xmargin-left:25%;}
.header-menu-inline.open ~ #contents,
.header-menu-inline.open ~ #footer {
	xwidth:100%;
	xmargin-left:0}
.desktopview #contents,
.desktopview #footer {
	width:75%;
	margin-left:25%;} */