#content_container {
	position: relative;
	max-width: 50%;
	margin: auto;
	margin-top: 5vh;
}

@media screen and (orientation:portrait) {
	#content_container { 
		max-width: 95%;
	}
}



/* NAV */

#nav {
	text-align: center;
	min-height: 25vh;
	width: 100%;
}
#nav_row_1 {
	width: 100%;
	height: 7vh;
}
#nav_row_2 {
	width: 100%;
	height: auto;
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    
    white-space: nowrap;
}
#nav_row_3 {
	margin-bottom: 1vh;
	margin-top: 2vh;
}
.circle_link {
	width: 7.1%;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}
#nav_break {
	display: none;
}


#last_circle_link {
	width: auto;
}
.circle {
	display: inline-block;
	color: black;
	border: 2px solid #000;
    height: 2.6vh;
    width: 2.6vh;
    line-height: 2.6vh;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}
.filled_circle {
	background: black;
	color: white;
}
@media screen and (orientation:portrait) {
	.circle_link {
		width: 12%;
	}
	#nav_break {
	   display: block;
	   line-height:200px;
	}
}
#nav_title {
	text-align: center;
	font-weight: bold;
}
.stretch_helper {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
.location_link {
	text-decoration: underline;
	display: inline-block;
	
}
#next_page {
	width: 50%;
	text-align: right;
	float: right;
}
#home {
	position: absolute;
	left: 40%;
	width: 20%;	
	text-align: center;
}
#previous_page {
	width: 50%;
	text-align: left;
	float: left;
}

@media screen and (orientation:portrait) {
	/*#nav {
		height: 15vh;
	}*/
	.circle {
	    height: 4.5vh;
	    width: 4.5vh;
	    line-height: 4.5vh;
	}
}

.default_img {
	width: 100%;
	margin-top: 2vh;
	margin-bottom: 2vh;
}
.boxed_img_container {
	width: 100%;
	margin-top: 3vh;
	margin-bottom: 3vh;
}
.boxed_img {
	display: inline-block;
	width: 41%;
	height: 50vh;
	vertical-align: top;
	margin-bottom: 10px;
	overflow: hidden;
}
.boxed_img span {
	display: inline-block;
	max-width: 80%;
	position: relative;
	left: 10%;
}

.boxed_img_elem {
	display: block;
	max-width: 80%;
	max-height: 30vh;
	margin: auto;
}
@media screen and (orientation:portrait) {
	.boxed_img {
		height: auto;
		width: 100%;
		margin-bottom: 10vh;
	}
	.boxed_img span {
		display: inline;
		max-width: auto;
		position: static;
		left: 0;
	}
	.boxed_img_elem {
		max-width: none;
		max-height: none;
		margin: 0;
		width: 100%;
		height: auto;
	}
}

.aligned_img {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}
.aligned_img_last {
	vertical-align: top;
	display: inline-block;
	width: 45%;
	margin-bottom: 
}
.med_img {
	display: block; 
	height: 40vh; 
	margin: auto; 
	margin-top: 3vh; 
	margin-bottom: 3vh;
}
@media screen and (orientation:portrait) {
	.med_img {
		height: auto;
		width: 100%;
	}
}