media only screen and (max-width: 768px) {
#Wrapper {
	padding: 0 10px;
	}
}
/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {
@font-face {
    font-family: 'EntypoRegular';
    src: url('../fonts/entypo-webfont.eot');
    src: url('../fonts/entypo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo-webfont.woff') format('woff'),
         url('../fonts/entypo-webfont.ttf') format('truetype'),
         url('../fonts/entypo-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
	body.interior {
		background: transparent url(../images/body.home.gif) repeat-x top left;
	}
	#Wrapper {
		width: auto;
		padding: 0 1em;
		overflow: auto;
	}
	#Wordmark a, #Branding a, body.interior #Branding a, #Story form, .searchResults input.searchfield, #Sections, #MoreLinksCloud {
		width: auto;
/*		height: 100%;
		background-size: 100%;*/
	}
	#Story form label {
		display: block;
		float: none;
		width: 100%;
		text-align: left;
		padding-right: 0;
	}
	.searchResults input.searchfield {
		width:65%  !important;
	}
	.featureImage, #main-content, #Footer p, .featureContent, #Story {
		width: 100%;
		padding: 0;
	}
	#Story {
		padding-top: 30px;
	}
	#Feature .ltblue, #Feature .black, #Feature .brown, #Feature .green {
		background: none;
		color: #555;
	}
	.ltblue .featureContent a:link, .ltblue .featureContent a:visited {
		color: #555;
		font-weight: normal;
		}
		.ltblue .featureContent a:hover {
			text-decoration: underline;
			}
	.featureContent {
		float: none;
		padding: 0;
		margin-top: 20px;
	}
	.featureImage {
		height: auto;
		float: none;
	}
	img {
		max-width: 100%;
	}
	#Branding, body.interior #Branding, #Wordmark {
		width: 100%;
		background-size: 100%;
		max-width: 300px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#Branding, body.interior #Branding {
		margin-top: 10px;
		height: inherit;
	}
	#GlobalNav {
		width: 100%;
		/*float: left;*/
		border-left: none;
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 20px 0px;	
	}
	#Footer{
		padding: 1em;
	}
	/* Search Junk */
	#Search {
		width: auto;
		float: right;
		margin-top: -5px;
		/*display: none;*/
	}
	#Search ul {
		list-style: none;
		margin-bottom: 0px;
		}
		#Search li {
			display: inline;
			}
		#Search li a {
			padding-right: 0px;
			text-decoration: none;
			color: #555;
			font-weight: normal;
			}
	#Search input.searchfield {
		color: #888;
		width: auto;
		margin-top: 0px;
		float: none;
		}
	input#submit {
		vertical-align: top;
		margin-top: -2px;
	}
	body.interior #Search {
	margin-top: 0;
	}
	p.menu-anchor {
		display: inline;
		padding: 3px;
		float: left;
		margin:-10px 0 0 0;
		font-size: 1.6em;
		background-color: #00AEEF;
		border-radius: 3px; 
	}
	body.interior p.menu-anchor{
		margin-top: -5px;
	}
	.menu-link {
/*		font-family: 'EntypoRegular';*/
		line-height: 0;
		}
	[data-icon]:before {
	  font-family: 'EntypoRegular'; /* BYO icon font, mapped smartly */
	  content: attr(data-icon);
	  speak: none; /* Not to be trusted, but hey. */
	}
	.menu-anchor a{
		text-decoration: none;
		color: #fff;
	}
	.eventlink {
		display: none;
	}
	#GlobalNav li{
		margin: 0;
		padding-left: 10px;
		padding: 0;
	}
	#GlobalNav a:link, #GlobalNav a:visited{
		display: block;
		padding: 10px 0;
		background-color: #ccc;
		border: solid 1px #fff;
		padding-left: 10px;
		font-size: 1.2em;
	}
	#GlobalNav h5 a:link, #GlobalNav h5 a:visited {
		background-color: transparent;
	}
	#GlobalNav ul {
		border: none;
	}
	#GlobalNav ul.separate {
		border-top: none;
		padding-bottom: 5px;
	}
	.img-large {
		width: auto;
		padding: 10px 0 15px 0;

	}
	#Sections p, #Sections dl, #Sections ul {
		position: inherit;
	}
	#latestAchievements .storyActions, #Sections .storyActions {
	float: none;
	margin: 25px auto 0 auto;
	width: 60%;
	text-align: center;
	}
	#latestAchievements .storyActions {
		margin:-15px auto 25px auto;
	}
	#Sections .storyActions a {
		display: block;		
	}
	#Story.moreEvents a { /*force long links to wrap on U notices page*/
		word-wrap: break-word;		
	}
	#Story.achievements form{
		width:100%;
	}
	#Story form p textarea {
		width: 100%;
	}
}@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		#Branding, body.interior #Branding body.interior #Branding {
			background-image:url(../images/branding2x.png);
			background-size: 100%;
		}
}