/* For responsive devices only */
/* FOR ALL DEVICES BETWEEN 0 PX & 1027 PX */
@media screen and (min-width: 0px) and (max-width: 1027px) {
	#region-branding img {
		height: 100% !important;
		width: 100%;
	}
	
	#region-branding p img {
    margin: 7px;
}

#section-header .site-name a {
    font-size: 90%;
}

}

@media screen and (max-width: 1027px) {
	#section-content {
    margin-left: 0.5%;
    width: 98%;
}

	#zone-content-wrapper {
	    border-left: 0 none; 
    border-right: 0 none;
  }
}
	 

@media screen and (min-width: 740px) and (max-width: 836px) {
	
	#zone-menu ul.menu {
    font-size: 1.1rem;
}
}
@media screen and (min-width: 0px) and (max-width: 740px) {
	
		/* Hide sub-menu in nav since menu vertical rather than horizontal */
			body.front .field-content img {
		width: 100%;
		height: 100%;
	}
	
	.field-content p {
		display: none;
	}
	
	.sub {
		display:none !important;
	}
	
	#zone-content-wrapper {
	    border-left: 0 none; 
    border-right: 0 none;
  }
#zone-menu ul.menu, #zone-menu ul.menu li {
    padding-top: 0;
}  

#zone-menu ul.sf-menu ul li a {
    border-color: #E3E3E3
}
	/* Mobile Menu Hacks */
	
	/* Background Color of Nav Bar */
	.mobile-nav li.main {
  background-color: #000000;
}

.yale-wide-menu, .yale-boxed-menu {
    background: #000000;
}

	
	/* 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: #FFFFFF;
		border-bottom: 1px solid #505050;
		color: #CC3433 !important;
	}  
	
	#zone-menu {
		height: inherit;
	}
	
	#region-branding {
		width: 100%;
	}
	
	/* SIDEBAR */
		/* Hide sidebar */
	#region-sidebar-first {
		display:none;
	}
	
		/* 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: 90% !important;
	}
	.copyright.spacer {
		color: #000000 !important;
		font-size: 13px !important;
		text-align: center !important;
		padding: 5px;
	}
	
}