@media screen and (max-width: 400px) {

	html {
		font-size: 12px;
	}
	body {
		min-width: 350px;
	}
	
}

@media screen and (max-width: 767px) {
	
	html {
		font-size: 12px;
	}
	.home-callout .icon-arrow-right {
		display: none;	
	}
	#menu-wrap .menu {
		display: none;
	}
	#sidebar-wrap {
		height: auto !important;
		padding-bottom: 20px;
	}
	#menu-toggle {
		display: block;
		position: absolute;
		left: 0;
		top: 20px;
		font-size: 2em;
		padding: 7px 12px;
		background: #B01D18; 
	}
	.menu .icon-home:after {
		content: ' Home';
		font-style: normal;
	}
	#menu-wrap .menu > ul > li {
		display: block;
	}
	#menu-wrap .menu > ul > li a {
		padding: 10px;
		text-align: center;
		font-size: 1.2em;
		border-top: 1px solid #DFDFDF;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

	html {
		font-size: 14px;
	}
	#menu-wrap .menu {
		text-align: center;
	}
	#menu-wrap .menu > ul > li a {
		padding: 15px 30px;
	}
	#sidebar-wrap {
		height: auto !important;
		padding-bottom: 20px;
	}
	.home-callout .icon-arrow-right {
		display: none;	
	}
}

@media screen and (min-width: 1025px) {

	html {
		font-size: 16px;
	}
	
}