@media screen and (max-width: 60em) {

	nav {
		clear: both;
		float: none;
		margin: 4.5em 0 1em 0;
	}

	#mobile-menu-btn {
		float: right;
		display: inline-block;
		cursor: pointer;
		color: #49871C;
		line-height: 1.5em;
	}

	.mobnav-subarrow {
			position: absolute;
			top: .8em;
			right: 0;
			display: block;
			color: #49871C;

			height: 32px;
			width: 32px;
			cursor: pointer;

			-webkit-transition: all .1s ease-in-out;
			-moz-transition: all .1s ease-in-out;
			-ms-transition: all .1s ease-in-out;
			-o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
	}
	.sf-menu {
			width: 100%;
			display: none;
	}
	.sf-menu.xactive {
			display: block!important;
	}
	.sf-menu li {
			float: none!important;

			width: 100%!important;
	}
	.sf-menu li a {
			display: block!important;
			float: none!important;
			padding: .8em .2em !important;
	}
	.sf-menu ul {

			position:static!important;
			display: none!important;
	}
	.xpopdrop ul {
			display: block!important;
	}


	#visual-row {
		height: 300px;
	}
	.wrap {
		margin-left: 1em;
		margin-right: 1em;
	}
		#content,
		#sidebar,
		.slot-50 {
			float: none;
			width: 100%;
		}

}



@media screen and (max-width: 30em) {

#visual-row {
		height: 150px;
	}

}