body {
	background-color: #bbbbbb;
	font-family: 'Belleza', sans-serif;
	font-size: 16px;
	height: 800px;
	color: #ffffff;
}

.image_container {
	display: inline-block;
	width: 700px;
	height: 600px;
}

.image_container  img {
	height: auto;
	width: 100%;
}

.image_container_hue {
	display: inline-block;
	width: 900px;
	height: 600px;
}

.image_container_hue  img {
	height: auto;
	width: 100%;
}

.left_box { 
	display: inline-block;
	width: 250px;
	text-align: right;
	font-size: 20px;

}

.left_box_menu {
	display: inline-block;
	width: 250px;
	font-size: 20px;
	vertical-align: bottom;

}

.side_nav {
	list-style-type: none;
	list-style-position: inside;
	margin: 0px;
	padding: 16px;
	text-align: left;
}

.side_nav_link {
	color: #ffffff;
	padding-left: 0px;
}

.title_box {
	width: 1000px;
	height: 40px;
	
}

h1 {
	text-align: center;
}
ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #bbbbbb;
}

ul.topnav li {
	float: left;
}

ul.topnav li a {
	display: inline-block;
	color: #ffffff;
	text-align: center;
	padding: 0px 16px;
	text-decoration: none;
	transition: 0.3s;
	font-size: 20px;
}

ul.topnav li a:hover { 
	background-color: #555;
}

ul.topnav li.icon {
	display: none;
}

@media screen and (max-width:680px) {
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li.icon {
		float: right;
		display: inline-block;
	}
}

@media screen and (max-width:680px) {
	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav.responsive li a {
		display: block;
		text-align: left;
	}
}

.page-wrap {
	height: 784px;
	margin-bottom: -16px;
}

.page-wrap:after {
	content: "";
	display: block;
}

.site-footer, .page-wrap:after {
	height: 16px;
}