#wrapper	{
	/*border: 10px solid #333333;*/
}

header li	{
	width: 20%;
}
	
header #image1 {
	display: block;
}

/*NAVIGATION*/
nav	{
	position: sticky;
	top: 10rem;
	
}	

#navigation a	{
	display: block;
	
}

#menu a	{
	display: none;
}	

.sub-menu {
	top: 2.5em;
	left: 0;
}

.sub-menu li	{
	float: none;
}
#main	{
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

#color	{
	width: 20%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #022a68;
}
	
nav		{
	width: 20%;
	margin: 0;
	padding: 0;
	float: left;
}	

#navigation	{
	font-weight: normal;
	position: static;
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	/*border-top: 1px solid #ffffff;*/
}

#navigation li.primary:last-child	{
	border-bottom: 1px solid #ffffff;
}	


	
#content	{
	width: 76%;
	float: right;
	margin: 0;
}	
	
.col1, .col2	{
	width: 45%;
	margin: 0;
	padding: 0 2%;
	
}

.col1	{
	float: left;
	border-right: 1px solid #cccccc;
}

.col2	{
	float: right;
}	

.full	{
	clear: both;
	width: 100%;
}	

.tile	{
	width: 30%;
	padding: 0 1%;
}	

.vid-wrapper	{
	width: 80%; 
	margin: 0 auto;
	padding-bottom: 45%;
}

video	{
	width: 80%;
}	

.item img	{
	width: 25%;
}	

.info .list	{
	margin-left: 26%;
}

/*IMAGE GALLERY*/

.large_photo	{
	width: 80%;
}
	
.image_wrap	{
	width: 23%;
	padding-bottom: 17.3%;
	margin: 1%;
}	

.photo_sequence	{
	float: right;
	width: 50%;
	margin: 0 0 1em 1em;
}

.photo_sequence .image_wrap		{
	width: 100%;
	padding-bottom: 100%;
}	

.portrait .image_wrap	{
	width: 30%;
	padding-bottom: 40%;
	margin: 1.5%;
}	

.image_right	{
	width: 60%;
	float: right;
	margin-left: 2rem;
	/*margin-top: 3rem;*/
}	
	

/*RESEARCH PAGE*/
#feature #image1, #feature #image2, #feature #image3	{
	display: inline-block;
	float: left;
	margin: 0 1%;
	min-height: 365px;
}	

#feature #image1	{
	width: 38%;
	position: relative;
}

#feature #image2, #feature #image3	{
	width: 27%;
}

#feature #image1 .caption	{
	position: absolute;
	bottom: 0;	
}

/*TWO COLUMNS*/

.two_cols	{
	 column-count: 2;
	 column-gap: 2rem;
	 
}