#footer #fullsite 
{
	display: none;
}

@media only screen and (max-device-width: 1024px) {
	#nav ul li .mega {
		transition-delay: 0s;
	}
	
	#nav ul li:hover .mega {
		transition-delay: 0s;
	}
}

@media only screen and ( max-width: 1000px ) {
	#sidebar-right { width: 25%; margin: 0 0px 0 0; }
	#sidebar-right:after { display: none; }
	body.sidebar-right #main-column { width: 50%; }
	#content .wide-banner { width: 670px; margin: 0 20px 0 0; }
	#content .wide-banner:after { display: none; }
	#footer { overflow: hidden; }
	#socialribbon { width: 250px; margin: 10px -20px 0 0; padding: 10px 20px 5px 20px; overflow: hidden; }
	#socialribbon:after { display: none; }
}

@media only screen and ( max-width: 980px ) {
	body { background: none; }
	body.home { background-color: #343434; }
	body.home #container { background-color: #343434; position: relative; }
	body.home #header { width: 100%; }
	#container, #big-feature, #header, #content, #footer { width: 100%; }
	#nav { width: 100%; }
	#big-feature { position: relative; height: auto; background: #00346d; }
	#big-feature img { width: 100%; height: auto; margin-top: 20px;}
	#big-feature-text {
		background: rgba(0, 52, 109);
		background: rgba(0, 52, 109, 0.9);
		width: 100%;
		margin: 0;
		position: relative;
		top: -20px;
		left: 0px;
		padding: 20px 10px 10px 20px;
		background: 
	}
	#big-feature-text h2 { 
		margin: 0; 
		margin-bottom: 1.0rem;
	}
	#big-feature-text p {
    	font-size: 1.4rem;
    	line-height: 2.0rem;
	}
	#big-feature-text:before { display: none; }
	#big-feature-caption { display: none; }
	#social-media-feature {top: 40px; margin-bottom: 0;}
	#social-media-feature .feature {margin-right: 0; margin-top: 1em;}
	
	#secondary-nav {
		position: relative;
		top: 60px;
		left: 0px;
		width: 100%;
		text-align: right;
		background: #BEC0C2;
		border-top: 5px solid #055CA3;
	}
	body.topphoto #secondary-nav {
    	top: 60px;
	}
	body.home #secondary-nav {
		position: relative;
		top: 20px;
	}
	#secondary-nav ul {
    	float: right;
	}
	body.home #small-features { position: relative; top: 40px; padding-top: 30px; }
	#footer { position: relative; top: 60px; }
	body.home #footer { position: relative; top: 0px; }
	#main-column { width: 75%; }
	#main-column.related-news {padding-left: 4%;}
	#sidebar-left { width: 25%; }
	#sidebar-left img { width: 90%; height: auto; }
	#content h1 { width: 100%; }
	#site-name { width: auto; }
	#content h1 {
		margin: 0 0 0 0px;
		padding-left: 20px;
	}
	#content h1:before { display: none; }
	#top-photo img {
    	width: 100%;
		height: auto;
	}
	body.topphoto #site-name {
    	top: 340px;
	}
	.decorative-photo { margin: 0 -20px 30px 40px; }
	.decorative-photo:after { display: none; }
	#content .wide-banner { width: 100%; margin: 0; }
	#content .wide-banner:after { display: none; }
	#content .three-column { width: 100%; min-height: 0; margin-bottom: 20px; }
	#content .three-column h2 {
		background: none repeat scroll 0 0 #8A7A67;
		color: #FFFFFF;
		font-size: 2rem;
		font-weight: normal;
		line-height: 2.2rem;
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0 !important;
		min-height: 0;
		padding: 10px 10px;
		text-align: left;
	}
	#footer .contact { width: 240px; }

	#content .extProfile .extProfileName h2,
	#content .extProfile .extProfileUnitName,
	#content .extProfile .extProfileRoles,
	#content .extProfile .extProfileAffiliations { width: 55%; }
	
}

@media only screen and ( max-width: 960px ) {
	body.magazine #content .social .facebook,
	body.magazine #content .social .instagram,
	body.magazine #content .social .youtube {  
		width: 100%;
		float: left;
		margin: 0px 0px 20px 0px;
		min-height: 0px;
	}
	body.home.magazine #secondary-nav {display:none;}
	video {
  		width: 100%    !important;
  		height: auto   !important;
	}
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	body.magazine #content .photos .image {
		width: 30%;
	}
	body.magazine #content .photos .image img {
		max-width: 100%;
		height: auto;
	}
}
@media only screen and ( max-width: 930px ) { 
	.button-column {
		width: 44%;
		float: left;
		margin-right: 10px;	
	}
}

@media only screen and ( max-width: 920px ) { 
	#footer .about { width: 30%; }
	
	#content .pinboard .extArticles { height: 800px; }
	#content .pinboard .pbsmall { width: 185px; height: 185px; }
	#content .pinboard .pbbig { height: 385px; width: 385px; }

	#content .pinboard .pbx1 { left: 0px; }
	#content .pinboard .pbx2 { left: 200px; }
	#content .pinboard .pbx3 { left: 400px; }
	#content .pinboard .pbx4 { left: 600px; }

	#content .pinboard .pby1 { top: 0px; }
	#content .pinboard .pby2 { top: 200px; }
	#content .pinboard .pby3 { top: 400px; }
	#content .pinboard .pby4 { top: 600px; }

	#nav-icons a.search { width: 30px; }
	
	#content .news-list .item .story { float: none; width: auto; }
	#nav-icons li a,
	#nav #nav-icons li:first-child a
	{ display: block; width: 44px; height: 33px; padding-left: 20px; text-indent: -9999px; } 
}

@media only screen and ( max-width: 900px ) {
	#nav ul li a {
    	font-size: 1.2rem;
    	line-height: 1.2rem;
		padding: 40px 10px 26px 10px;
	}
}

/*@media only screen and ( min-width: 839px ) {*/
@media only screen and ( max-width: 838px ) {
	body.home #container { background-color: #131F33; } 
	#nav-mobile-icon { display: block; }
	#w #navpanel { display: block; overflow: scroll; }
	#footer #fullsite { display: block; }
	#nav ul li .mega { transition-delay: 0s; }
	#nav ul, #nav-icons { display: none; } 
	#nav-mobile-icon { display: block; float: left; z-index: 100; margin-top: 15px; }
	#nav { position: fixed; z-index: 9; height: 70px; }
	#nav #engr-branding { margin-top: 0px; }
	#big-feature { top: 0px; }
	#big-feature-text { top: 0px; }
	#top-photo { top: 0px; }
	body.home #small-features { top: 0px; }
	body.home #secondary-nav {
    	position: relative;
    	top: -40px;
	}
	#big-feature img { margin-top: 60px;}
	body.home #footer { top: -50px; }
	#content h1 { width: 100%; margin-top: -7px; }
	body.sidebar-right.topphoto #content h1 {
    	margin-top: -63px;
	}
	
	#engr-branding {
		margin-right: 10px; margin-top: 0px;
	}
	
	#site-name { position: fixed; top: -20px; right: 0px; z-index: 10; }
	#site-name div.site-name { 
		font-size: 1.4rem;
		line-height: 1.4rem;
		padding-top: 6px; 
		margin-right: -10px;
	}
	#site-name div.site-name a { color: #ffffff !important; text-shadow: 2px 2px 3px rgba(52, 52, 52, 0.9); }
	body.home #site-name {
		width: 85%;
		height: inherit;
		z-index: 10;
		position: fixed;
		float: right;
		top: 0px;
		right: 0;
	}
	#social-media-feature {top:0;}
	body.topphoto #site-name, body.sidebar-right #site-name { position: fixed; top: -20px; right: 0px; z-index: 10; }
	
	#imark { float: right; position: relative; right: -10px; }
	body.home #imark { float: right; top: -10px; right: -10px; }
	body.home #site-name div.site-name {
		width: auto;
		position: absolute;
		top: 6px;
		right: 59px;
		font-size: 1.4rem;
		line-height: 1.4rem;
		text-align: right;
	}
	body.no-sidebars #sidebar-left  { display: block; width: 100%; }
	body.no-sidebars #sidebar-left ul.navigation { display: inline-block; }
	body.no-sidebars #sidebar-left ul.navigation li { float: left; }
	body.no-sidebars #sidebar-left ul.navigation li a { padding: 10px 20px 10px 20px }
	#small-features { padding-bottom: 20px; }
	#small-features .feature { margin: 0; margin-right: 10px; margin-bottom: 10px; }
	#top-photo img { width: 100%; height: auto; margin-top: 60px; }
	body.topphoto #content {
    	top: 10px;
	}
	#content .wide-banner h2 { 
		font-size: 3.0rem;
    	line-height: 2.8rem;
	}
	#content .wide-banner img.photo { float: left; }

	#content .pinboard .extArticles { height: 720px; }
	#content .pinboard .pbsmall { width: 175px; height: 175px; }
	#content .pinboard .pbbig { height: 355px; width: 355px; }

	#content .pinboard .pbx1 { left: 0px; }
	#content .pinboard .pbx2 { left: 180px; }
	#content .pinboard .pbx3 { left: 360px; }
	#content .pinboard .pbx4 { left: 540px; }

	#content .pinboard .pby1 { top: 0px; }
	#content .pinboard .pby2 { top: 180px; }
	#content .pinboard .pby3 { top: 360px; }
	#content .pinboard .pby4 { top: 540px; }	
}

@media only screen and ( max-width: 767px ) {
	#header { height: 0px; }
	
	#big-feature-text { top: -30px; }
	#small-features { top: -20px; }
	body.home #footer {
    	top: 20px;
	}
	body.home #secondary-nav {
    	top: 10px;
	}


	#content .pinboard .extArticles { height: auto; }
	#content .pinboard .item { position: relative; float: left; margin: 0px 20px 20px 0px;}
	#content .pinboard .pbsmall { width: 200px; height: 200px; }
	#content .pinboard .pbbig { height: 200px; width: 200px; }

	#content .pinboard .pbx1 { left: 0px; }
	#content .pinboard .pbx2 { left: 0px; }
	#content .pinboard .pbx3 { left: 0px; }
	#content .pinboard .pbx4 { left: 0px; }

	#content .pinboard .pby1 { top: 0px; }
	#content .pinboard .pby2 { top: 0px; }
	#content .pinboard .pby3 { top: 0px; }
	#content .pinboard .pby4 { top: 0px; }

	#sidebar-left img { width: auto; height: auto; }
	#sidebar-left a.button { float: right; margin-right: 20px; }
	#breadcrumb { width: 95%; margin-left: 10px; }
	#content h1 {
		font-size: 2.0rem;
		left: 0;
		line-height: 2.4rem;
		padding: 10px 20px 10px 10px;
	}
	#sidebar-right {
		width: 100%;
		margin: 0px;
    	padding: 20px;
    	position: relative;
    	top: 0px;
	}
	#sidebar-right:after { display: none; }
	body.sidebar-right #main-column { width: 100%; }
	#main-column.related-news {padding-left: 15%;}
	#sidebar-left, #main-column { width: 100%; }
	#sidebar-left { margin-bottom: 20px; margin-top: -20px; }
	#sidebar-left h2 {
		position: relative;
		text-indent: 0px;
		width: 100%;
		height: auto;
		border-bottom: 2px solid #DF6226;
		background-image: linear-gradient(bottom, rgb(254,239,223) 38%, rgb(255,255,255) 92%);
		background-image: -o-linear-gradient(bottom, rgb(254,239,223) 38%, rgb(255,255,255) 92%);
		background-image: -moz-linear-gradient(bottom, rgb(254,239,223) 38%, rgb(255,255,255) 92%);
		background-image: -webkit-linear-gradient(bottom, rgb(254,239,223) 38%, rgb(255,255,255) 92%);
		background-image: -ms-linear-gradient(bottom, rgb(254,239,223) 38%, rgb(255,255,255) 92%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.38, rgb(254,239,223)),
			color-stop(0.92, rgb(255,255,255))
		);
		color: #DF6226;
    	font-family: "Open Sans","Helvetica",Helvetica,Arial,sans-serif;
    	font-size: 1.4rem;
    	font-weight: normal;
    	line-height: 1.6rem;
    	text-transform: uppercase;
    	margin: 0;
    	padding: 0;
    	padding: 14px 0px 8px 10px;
	}
	#sidebar-left ul.navigation { background: #DF6226; padding-bottom: 2px; }
	body.no-sidebars #sidebar-left ul.navigation { display: block; }
	body.no-sidebars #sidebar-left ul.navigation li,
	#sidebar-left ul.navigation li { float: none; width: 100%; }
	#sidebar-left ul.navigation li a {
		width: 100%;
		padding: 10px 2px 10px 10px;
		font-size: 1.1rem;
		line-height: 1.3rem;
	}
	#sidebar-left ul.navigation li ul li a { padding: 5px 2px 5px 30px; }
	#sidebar-left ul.navigation li.first a { border-top: none; }
	div.social-sharing-icons { 
		display: block;
		float: left; 
		margin-left: 10px; 
		margin-top: 10px; 
		margin-bottom: 0px; 
	} 
	div.social-sharing-icons span { float: left; margin-bottom: 2px; }

	body.no-sidebars #main-column {
    	padding: 0px 10px 10px 10px !important;
    	width: 100%;
	}
	#content .wide-banner .wide-banner-left img.left.photo { margin-top: 10px; float: right; }
	#content .wide-banner .wide-banner-left {
		width: 100%;
		float: none;
	}
	#content .wide-banner .wide-banner-left a.button-smalltext {
		display: block;
		float: left;
		clear: both;
		width: 40%;	
	}
	#content .wide-banner h2 {
    	font-size: 20px; font-size: 2.0rem;
    	line-height: 28px; line-height: 2.8rem;
	}
	
	#content {
    	line-height: 2.1rem;
    }
    #content p.intro { 
		font-size: 1.8rem;
		line-height: 2.8rem;
    }
    #main-column .nav-feature img {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	#main-column .nav-feature-inner h3 { margin-top: 0; }
    #footer .about { float: left; width: 50%;}
    #footer .statistics { display: none; }
    
    #content .extProfile .extProfileName h2,
	#content .extProfile .extProfileUnitName,
	#content .extProfile .extProfileRoles,
	#content .extProfile .extProfileAffiliations { width: 55%; }
	
	form.make-a-gift span.right { float: right; margin-left; 10px; } 
	
	body.magazine #content .social .twitter .tweet a {
		margin: 0px 30px;
	}
	
	.button-column {
		width: 100%;
		float: left;
		margin-right: 0px;	
	}
}

@media only screen and ( max-width: 580px ) {
	body.home #footer { top: 20px; }
	body.home #secondary-nav {
    	position: relative;
    	top: 0px;
	}
	body.home.magazine #content .gifts p.two-columns {width: 100%; margin-top: 5px;}
	#footer .about .about-content { display: none; }
	#footer .about p { font-size: 1.1rem; line-height: 1.6rem; }
	#footer .contact, #footer .about { position: relative; top: 0; left: 0; float: left; width: 80%; margin-top: 10px; }
	#footer .statistics { }
	#socialribbon { width: 60px; padding: 5px; margin-top: 10px; }
	#socialribbon a { float: none; }	
	#content .wide-banner img.photo { float: none; width: 45%; height: auto; }
	#content .wide-banner h2 { float: none; }
	#navpanel ul.navigation { display: inline-block; width: 290px; }
	#navpanel ul.navigation li a { float: left; width: 144px; }
	#content .news-list .item { padding-bottom: 20px; }
	#content .news-list .item .thumb, #content .news-list .item-background { width: 100px; height: 100px; }
	#content .news-list .item-background { margin-bottom: 5px; }
	body.magazine #content .story h2 {
		font-size: 32px; font-size: 3.2rem; 
		line-height: 40px; line-height: 4.0rem;
		margin-bottom: 35px;
		margin-top: 35px;
	}
}

@media only screen and ( max-width: 530px ) {
 	#content .extProfile .extProfileName h2,
	#content .extProfile .extProfileUnitName { width: 100%; float: none; margin: 0; }
	#content .extProfile .extProfileRoles,
	#content .extProfile .extProfileAffiliations { width: auto; margin: 10px 0px; }
	#content .extProfile .extProfilePhoto { margin: 5px 0px; } 
	form.make-a-gift span.right { display: block; float: none; margin-top: 0.5rem; margin-left: 0px; } 
	#content .news-list .item .story { width: 98%; }
	#content .news-list .item .thumb { width: 75px; height: 75px; }
	#content .news-list .item-background { width: 75px; height: 75px;margin: 0px 0px 5px 0px; }
	#top-photo img { display: none; }
	/*#content { margin-top: 125px; }*/
	body.topphoto #content { top: 97px; margin-bottom: 97px; }
	
	#main-column.related-news {padding-left: 25%;}

	body.magazine #content .photos h2 {
		margin-bottom: 10px;
	}
	body.magazine #content .photos {
		padding: inherit 20px 10px;
	}
	body.magazine #content .photos .image {
		float: none;
		width: 100%;
		padding: 0;
	}

	body.magazine #content .photos .image img{
		display: none;
	}
}
@media only screen and ( max-width: 490px ) {
	#content .extProfile .extProfileRoles,
	#content .extProfile .extProfileAffiliations { width: 50%; }
	#content .extProfile .extProfilePhoto { margin: 5px 0px; } 
	#content .news-list .title { font-size: 1.5rem; }
}

@media only screen and ( max-width: 470px ) {
	#big-feature-text { top: 0px; background: #00346d; }
	#big-feature-text p { display: none; }
	#small-features { top: 0px; padding-top: 40px; }
	body.home #footer { top: 0px; }

	#small-features .wide { width: 200px; height: 94px; }
	#small-features .wide .item-background { 
		background-size: 200px !important;
	}
	#content .pinboard .item h2 { background-color: #FBF7F3; }
	#content .pinboard .item h2.twitter {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.decorative-photo { display: none; }
	#footer .about { width: 100%; }
	
	body.magazine #content .story {
    	margin-top: 0px;
    	padding: 0px 30px 20px 30px;
	}
	body.magazine #content .story h2 {
		font-size: 22px; font-size: 2.2rem; 
		line-height: 30px; line-height: 3.0rem;
		margin-bottom: 25px;
		margin-top: 25px;
	}
}

@media only screen and ( max-width: 430px ) {
	#content .extProfile .extProfileRoles,
	#content .extProfile .extProfileAffiliations { width: 100%; }
	#content .extProfile .extProfilePhoto { float: left; margin: 5px 0px; } 
	#footer .about h2 { font-size: 1.4rem; line-height: 1.4rem; }
}
@media only screen and ( max-width: 410px ) {
	/*vertical tabs*/
	#content .extProfile #extProfileTabs ul { border-bottom: none }
	#content .extProfile #extProfileTabs ul li { float: none; margin: 0px; }
	#content .extProfile #extProfileTabs ul li a {
		display: inline-block;
		width: 100%;
		background-color: #6685a7;
		border: 1px solid #00346D;
		border-radius: 4px;
		margin-bottom: 3px;
		padding: 2px 6px;
		text-decoration: none;
		color: #ffffff;
		font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 1.1rem;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 1.5rem;
	}
}

@media only screen and ( max-width: 370px ) {
	body.home #site-name div.site-name {
		font-size: 1.2rem; line-height: 1.2rem;
	}
	#big-feature img { position: relative; top: 46px; margin-top:20px;}
	#big-feature-text { top: 40px; }
	body.home #small-features { top: 40px; }
	body.home #secondary-nav { top: 40px; }
	body.home #footer { top: 40px; }
	#big-feature-text h2 a { 
		font-size: 18px; font-size: 1.8rem; 
		line-height: 16px; line-height: 1.6rem; 
	}	

	form fieldset h3 { margin-bottom: 10px !important; margin-right: 0px; }
	form.fullpage input { width: 100%; }
	form.fullpage input.short { width:116px; }
	form.fullpage label { width: 100%; }
	input[name="first-name"], input[name="middle-name"], input[name="last-name"] { float: left; width: 100% !important; }
	form.fullpage textarea { width: 99%; }

	#navpanel ul.navigation { display: block; width: inherit; }
	#navpanel ul.navigation li a { float: inherit; width: inherit;}
	
}	
@media only screen and ( max-width: 310px ) {
	#site-name div.site-name {
    	font-size: 1.0rem;
    	line-height: 1.1rem;
    	margin-right: -10px;
    	padding-top: 6px;
	}
	#main-column.related-news {padding-left: 15%;}
}

@media only screen and ( max-width: 250px ) {
	#site-name div.site-name {
    	margin-right: -15px;
		padding-top: 3px;
		width: 50%;
	}
}