/* For responsive devices only */

@media screen and (min-width: 0px) and (max-width: 1008px) {
	#region-branding img, #region-content img, #zone-footer-wrapper img {
		width:100% !important;
		height: 100% !important;
	}
	
	#region-footer-second {
width: auto;
	}
	
	
#zone-content {
    margin-left: -4px;
    padding-right: 8px;
    width: 100%;
}

#region-content {
	min-height: 100%;
}


@media screen and (min-width: 0px) and (max-width: 740px) {
	/* Hide sub-menu in nav since menu vertical rather than horizontal */
	.sub {
		display:none !important;
	}

	#zone-menu {
		display: inline;
	}
	
	/* Hide sidebar */
	#region-sidebar-first {
		display:none;
	}
	
		#region-sidebar-second {
		display:none;
	}
	
	/* Make with of mobile nav 100% for Cross Browser Compatibility */
	ul.mobile-nav li {
		width: 100%;
	}
	/* FOOTER */
	/* Hide footer region 1 */
	.grid-3 {
		display: none;
	}
	
	/* center and width fix */
	#region-footer-second {
		margin: auto !important;
		text-align: center !important;
		padding-top: 20px !important;
		width: 97% !important;
	}
	.copyright.spacer {
		color: #000000 !important;
		font-size: 13px !important;
		text-align: center !important;
		padding: 5px;
	}
	
	/* Mobile Menu Hacks */
	
	/* Background Color of Nav Bar */
	.mobile-nav li.main {
  background-color: #999999;
  margin-bottom: 4px;
}
	
	/* Mobile nav icon color won't change when touched */
	.yale-standard-menu .mobile-nav li.main, .mobile-nav.expanded li.main {
		background-position: 10px -45px;
	}
	
	/* Mobile nav font color WHEN EXPANDED */
	ul.mobile-nav.expanded li.main {
		color: #FFFFFF;
		background-color: #000000;
	}
	
	/* Mobile nav background, border and font color */
	#zone-menu ul.menu li a {
		background-color: #999999;
		border-bottom: 1px solid #000000
		color: #CC3433 !important;
	}
}