#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;
	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;
	overflow: hidden;
}
#nav_row_3 {
	margin-bottom: 1vh;
	margin-top: 2vh;
}
.circle_link {
	width: 12.5%;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}
#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%; /* or 50% */
    border-radius: 50%; /* or 50% */
    text-align: center;
}
.filled_circle {
	background: black;
	color: white;
}
#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: 4vh;
	    width: 4vh;
	    line-height: 4vh;
	}
	.circle_link {
		width: 10vw;
	}
}

.default_img {
	width: 100%;
	margin-top: 2vh;
	margin-bottom: 2vh;
}