#content	{
	font-size: 1em;
}	

#logo 	{
	width: 20%;
	margin-left: 6%;
}	


/*NAVIGATION*/

nav	{
	width: 20%;
}	

/*MAIN*/	

#main, aside, #across	{
	width: 86%;
}	
	
.central	{
	width: 100%;
	margin: 0 auto 2em;
	padding: 0;
}

.window 	{
	width: calc(100% - 12px);
	border: 6px solid #231f20;
}	

.window .caption	{
	padding: 2px 0 8px;
}

.item img	{
	width: 70%;
	margin: 0 auto;
	
}	


/*GUIDE*/
#wrapper	{
	width: 90%;
	margin-left: 5.5%;
}	

#guide ul	{
	width: 250%;
	padding: 0 .8%;
}	

#guide li	{
	margin: 1% 1.41% 1% 0;
	width: 6.5%;
	padding-bottom: 5%;
}

#guide label { 
	top: 2.5em;
}	

#slide1:checked ~ #guide .inner { margin-left:0; }
#slide2:checked ~ #guide .inner { margin-left:-20.4%; }
#slide3:checked ~ #guide .inner { margin-left:-40.8%; }
#slide4:checked ~ #guide .inner { margin-left:-61.2%; }
#slide5:checked ~ #guide .inner { margin-left:-81.6%; }
#slide6:checked ~ #guide .inner { margin-left:-102.0%; }
#slide7:checked ~ #guide .inner { margin-left:-122.4%; }
#slide8:checked ~ #guide .inner { margin-left:-142.8%; }
#slide9:checked ~ #guide .inner { margin-left:-163.2%; }
#slide10:checked ~ #guide .inner { margin-left:-183.6%; }
#slide11:checked ~ #guide .inner { margin-left:-204.0%; }
#slide12:checked ~ #guide .inner { margin-left:-224.4%; }


#slide8:checked ~ #guide #controls label:nth-child(9),
#slide9:checked ~ #guide #controls label:nth-child(10) {
	display: none;
}

/*PAGE CONTROLS*/
.control	{
	bottom: 5em;
}
	
#back	{
	left: .5em;
}

#forth	{
	right: .5em;
}

/*ACROSS*/

#umma1	{
	height: 80vh;
	width: 612vh;
}	

#umma2	{
	height: 80vh;
	width: 642vh;
}	

#kelsey	{
	height: 80vh;
	width: 646vh;
}	

/*PANEL*/
.panel	{
	font-size: .95em;
}
	
.panel h2 	{
	text-align: center;
}
	
/*INDEX*/

.index	{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;

	-webkit-column-gap: 1.5em; /* Chrome, Safari, Opera */
	-moz-column-gap: 1.5em; /* Firefox */
	column-gap: 1.5em;
}

/*PHOTO GALLERY*/

.photos_two	{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;

	-webkit-column-gap: 3em; /* Chrome, Safari, Opera */
	-moz-column-gap: 3em; /* Firefox */
	column-gap: 3em;
}

.photos_three	{
	width: 100%;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;

	-webkit-column-gap: 3em; /* Chrome, Safari, Opera */
	-moz-column-gap: 3em; /* Firefox */
	column-gap: 3em;
}