/** this stylesheet applies to everything below 1024px **/

.desktop-only {
	display: none !important
}


.device-full.column,
.desktop-row .column {
	float: none;
	width: 100%;
}

.alt-only {
	display: block !important;
}



#header, .logo {
	padding-top: 0;
}

.logo, .logo a {
	height: 100%;
}


/* NAV */

.main-nav {
	text-align: left;
	/*display: none;*/
	position: fixed;
	left: -100%;
	background: #fcf9f5;
	width: 100%;
	overflow: auto;
}

.main-nav.open {
	left: 0;

}
.main-nav > .menu-item {
	border-top: 1px solid #FFF;
	display: block;	
	padding: 0;
	position: relative;
}

.main-nav > .menu-item > a {
	padding-left: 20px;
	padding-right: 20px;
}

.main-nav .sub-menu {
	position: relative;
	display: none;
	opacity: 1;
	padding: 20px;
}

.main-nav .menu-item.hovered .sub-menu {
	display: block;
}

.main-nav > .menu-item > .sub-menu > .menu-item {
	width: 100%;
	display: block;
	padding: 12px 21px 0 33px;
}

.module-text-content {
	width: 100%;
}