#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: 960px ) {

	#sidebar-left { width: 25%; }

	#main-column { width: 75%; }
	body.sidebar-right #main-column { width: 50%; }

	#sidebar-right {
		width: 25%;
		margin: 0px 0px 0px 0px;
	}
	
	#footer { overflow: hidden; }
	#footer .contact { width: 240px; }


	#social-media-feature {top: 40px; margin-bottom: 0;}
	#social-media-feature .feature {margin-right: 0; margin-top: 1em;}
	

	#main-column.related-news {padding-left: 4%;}
	  
	.decorative-photo { margin: 0 -20px 30px 40px; }
	.decorative-photo: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;
	}

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

	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;
	}

	#big_feature {
		height: 52vw;
	}

		#big_feature .overlay { 
			width: 100%;
			bottom: 0px;
			left: 0px;
			padding: 20px;
			margin: 0px;
	
		}
}


@media only screen and ( max-width: 920px ) { 
	#footer .about { width: 30%; }
	
	#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; }

	#container {
		padding-top: 80px;
	}

	#content h1 {
		padding: 20px;
	}

	#content .news-list .item .story { float: none; width: auto; }
	

	#content ul.dirlist li {
		width: calc(33% - 20px);
	}


	#header {
		height: 80px;
		padding: 10px 20px;
	}


	#imark a {
		position: absolute;
		height: 32px;
		font-size: 32px;
		line-height: 32px;
		padding: 0px 15px 0px 40px;
		margin: 0px 0px 0px 0px;
	}

	#site_name {
		position: absolute;
		font-size: 18px;
		line-height: 18px;
		margin: 0px;
		top: 50px;
	}

	#site-search {
		display: none;
	}

	#footer #fullsite { display: block; }

	#nav { display: none; }

	#nav-mobile-icon {
		display: block;
		float: right;
		z-index: 100;
	}
		#nav-mobile-icon a {
			display: block;
			color: #ffffff;
			font-size: 30px;
			margin: 7px 0px;
		}



	#small-features { padding-bottom: 20px; }
	#small-features .feature { margin: 0; margin-right: 10px; margin-bottom: 10px; }


}

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


	#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; }


	#content {
    	line-height: 2.1rem;
    }

	#content h1 {
		font-size: 2.0rem;
		left: 0;
		line-height: 2.4rem;
		padding: 10px 20px 10px 10px;
	}

    #content p.intro { 
		font-size: 1.8rem;
		line-height: 2.8rem;
    }


	#breadcrumb {margin: 10px; }

	#cheeseburger {
		display: block;
		position: relative;
		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-size: 1.4rem;
    	font-weight: normal;
    	line-height: 1.6rem;
    	text-transform: uppercase;
    	margin: 0px 0px 20px 0px;
    	padding: 14px 10px 8px 10px;
	}

		#cheeseburger a {
			text-decoration: none;
		}


	#sidebar-left {
		width: 100%;
		margin: 0px 0px 20px 0px;
		display: none;
	}

	#sidebar-left.on {
		display: block !important;
	}

	#sidebar-left .sidebox {
		padding: 0px 0px 0px 0px;
	}

		#sidebar-left .sidebox img { 
			float: left;
			margin-right: 20px;
		}

		#sidebar-left a.button {
			float: right;
			margin: 20px;
		}

		#sidebar-left ul.navigation {
			background: #DF6226;
			padding-bottom: 2px;
		}

	#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; }


	#main-column { width: 100%; }

	#main-column.related-news {padding-left: 15%;}
	
	body.no-sidebars #main-column {
    	padding: 0px 10px 10px 10px !important;
    	width: 100%;
	}

    #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; }




	#sidebar-right {
		width: 100%;
		margin: 0px;
    	padding: 20px;
    	position: relative;
    	top: 0px;
	}

	#sidebar-right:after { display: none; }

	body.sidebar-right #main-column { 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: 2.0rem;
    	line-height: 2.8rem;
	}
	
    #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: none;
		margin-right: 0px;	
	}


	body.magazine #content .dotheimpossible {
		padding: 20px;
		margin: 0px;
	}

		body.magazine #content .dotheimpossible.right img {
			float: none;
			max-width: 100%;
			display: block;
			margin: 0px auto 20px auto;
		}

}


@media only screen and ( max-width: 660px ) {
	#content ul.dirlist li {
		width: calc(50% - 20px);
	}
}

@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; }
	#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; }
	
	#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;
	}

	#content ul.dirlist li {
		width: calc(100% - 20px);
	}
}
@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 ) {

	#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 ) {
	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 ) {
	#main-column.related-news {padding-left: 15%;}
}