/* Hi Res Styles */


/* Header */


#header {
	position: relative;
	background-color: #fafafa;
	height: 340px;
}


#header-type {
	margin-top: 80px;
}


#squiggle {
	position: absolute;
	top: 180px;
	right: 40px;
	width: 560px;
	height: auto;
}


#links {
	margin-top: 0px;
	text-align: right;
}


/* Type */


#years {
	margin-left: 40px;
	margin-top: 40px;
}


#title {
	margin-left: 40px;
}


#intro {
	margin-left: 40px;
/*margin-top: 10px;*/
}


#text-opening {
	margin-top: 40px;
}

#milestone {
	margin-left: 40px;
}


/* Spacing */


#layout-space {
	margin-top: 80px;
}


#column-space {
	margin-top: 40px;
}


#stories {
	margin-bottom: 40px;
}


.desktop-wrapper {
	display: block;
	}
	
.mobile-wrapper {
	display: none;
	}



/* Mobile Styles */

@media (max-width: 1100px) {


/* Header */


#header {
	position: relative;
	height: 360px;
	background-color: #fafafa;
}


#header-type {
	margin-top: 40px;
	margin-bottom: 80px
}


#squiggle {
	position: relative;
	top: -90px;
	right: auto;
	left: 0px;
	width: 330px;
	height: auto;
}


/* Type */


#links {
	margin-top: -100px;
	text-align: left;
}


#title {
	margin-top: 20px;
	margin-left: 0px;
}


#intro {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
	
	
#milestone {
	margin-top: 0px;
	margin-left: 0px;
}


#years {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 20px;
}


#text-opening {
	margin-top: 40px;
}


#subtitle {
	margin-top: 40px;
}


/* Spacing */	

		
#column-space {
	margin-top: 20px;
}
	
	
#layout-space {
	margin-top: 0px;
}

		
#stories {
	margin-bottom: 0px;
}
	
	
#mobile-space {
	margin-bottom: 40px;
}

#mobile-open {
	margin-top: 40px;
}
	
	
#mobile-stories {
	margin-bottom: 20px;
}
	

.desktop-wrapper {
	display: none;
	}
	
.mobile-wrapper {
	display: block;
	}
		


}