@media screen and (min-width:481px) and (max-width:899px) { 

.t-only {
	display: block;
}

.m-only, .d-only, .w-only {
	display: none;
}

.inner {
	width: 95%;
	margin: auto;
}

header .inner {
	position: relative;
	width: 100%;
}

nav {
	position: relative;
	z-index: 999;
	float: right;
	margin: 120px 100px 0px 0px;
}

.featured .inner {
	width: 100%;
}

.content .inner {
	min-height: 0px;
	padding: 0px;
}

footer .inner {
	padding: 30px 0px;
}

.content .inner {
	min-height: 500px;
	padding: 50px 0px;
}

.logo {
	margin: 100px 0px 0px 100px;
	display: block;
	max-width: 200px;
	max-height: 100px;
	float: left;
}

/* NAVIGATION ELEMENTS ********************************************* */
	.flexnav {
		overflow: visible; 
	}
	
	.flexnav.opacity {
		opacity: 1; 
	}
	
	.flexnav.one-page {
		top: 0;
		right: auto;
		max-width: 1080px; 
	}
	
	.flexnav li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		overflow: visible;
	}
	
	.flexnav li > ul {
		position: absolute;
		top: auto;
		left: 0; 
	}
	
	.flexnav li > ul li {
		width: 100%; 
	}
	
	.flexnav li ul li > ul {
		margin-left: 100%;
		top: 0;
	}
	
	.flexnav li ul li a {
		border-bottom: none;
	}
	
	.flexnav li ul.open {
		display: block;
		opacity: 1;
		visibility: visible;
		z-index: 1; 
	}
	
	.flexnav li ul.open li {
		overflow: visible;
		max-height: 100px; 
	}
	
	.flexnav li ul.open ul.open {
		margin-left: 100%;
		top: 0; 
	}
	
	.menu-button {
		display: none; 
	} 

}