@import url('//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');

* {
   margin: 0px;
   padding: 0px;
}
	@font-face {
	font-family: 'Gotham';
	src: url('gotham/Gotham-Book.eot');
	src: url('gotham/Gotham-Book.eot#iefix') format('embedded-opentype'),
		url('gotham/Gotham-Book.woff') format('woff'),
		url('gotham/Gotham-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

	html, body {
		width:100%;
		height:100%;
		margin:0px;
		padding: 0px;
		background-color: #000;
	}
	#left-wrapper {
		float:left;
		width:38%;
		height: 100%;
		background-color: #fff;
		position:fixed;
	}
	#right-wrapper {
		float:right;
		width:62%;
		background-color: #000;
	}
	#menu-wrapper {
		width: 100%;
		height:100%;
		position: absolute;
		float:left;
		z-index:14;
	}
	#logo {
		height: 100%;
		width: auto;
		position: relative;
		float:right;
		text-align: right;
		z-index:15;
	}
	.menu-font {
		font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
		font-weight: 500;
		color: #fff;
		letter-spacing: -1px;
	}
	.menu-box {
		width:100%;
		height: 12.8%;
		font-size: 9.5vh;
		line-height: 12.8vh;
	}
	div.menu-links a:link {
		text-decoration: none;
	}
	div.menu-links a:hover {
		text-decoration: none;
		color: #fff;
	}
	.menu-1 {
		background-color: #e40802;
		opacity: 0.7;
	}
	.menu-1:hover {
		background-color: #e40802;
		opacity: 0.5;
	}
	.menu-2 {
		background-color: #fe8b00;
		opacity: 0.7;
	}
	.menu-2:hover {
		background-color: #fe8b00;
		opacity: 0.5;
	}
	.menu-3 {
		background-color: #feed05;
		opacity: 0.7;
	}
	.menu-3:hover {
		background-color: #feed05;
		opacity: 0.5;
	}
	.menu-4 {
		background-color: #007e25;
		opacity: 0.7;
	}
	.menu-4:hover {
		background-color: #007e25;
		opacity: 0.5;
	}
	.menu-5 {
		background-color: #004dff;
		opacity: 0.7;
	}
	.menu-5:hover {
		background-color: #004dff;
		opacity: 0.5;
	}
	.menu-6 {
		background-color: #750787;
		opacity: 0.7;
	}
	.menu-6:hover {
		background-color: #750787;
		opacity: 0.5;
	}
	.menu-7 {
		background-color: #514f4f;
		opacity: 0.7;
	}
	.menu-7:hover {
		background-color: #514f4f;
		opacity: 0.5;
	}
	.menu-8 {
		background-color: #010000;
		opacity: 0.7;
	}
	.menu-8:hover {
		background-color: #010000;
		opacity: 0.5;
	}
	.menu-img-position {
		position: absolute;
		overflow:hidden;
		float:left;
	}
	#menu-img {
		overflow: hidden !important;
		height:100% !important;
		float: left;
	}
	.site-title {
		font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 8vh;
		color: #fff;
		width:80%;
		padding-left:10%;
		padding-right:10%;
		padding-top: 5%;
	}
	.page-title {
		font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
		font-weight: normal;
		letter-spacing: 4px;
		font-size: 8vh;
		color: #fff;
		width:80%;
		padding-left:10%;
		padding-right:10%;
	}
	.entry-title {
		font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
		font-weight: normal;
		font-size: 20px;
		color: #fff;
		width:80%;
		padding-left:10%;
		padding-right:10%;
		padding-top:20px;
	}
	.entry-content {
		font-family: 'PT Sans', Helvetica Neue, Arial," sans-serif";
		font-size: 15px;
		line-height: 24px;
		color: #fff;
		width:80%;
		padding-left:10%;
		padding-right:10%;
		padding-bottom:20px;
	}
	.entry-content a, a:visited {
	color:#fff;
	text-decoration:underline;
}
	.entry-content a:hover {
	color:#ccc;
	text-decoration:none;
}

img.size-medium {
	width:100%;
	height:auto;
}

img.size-large {
	width:100%;
	height:auto;
}

img.size-full {
	width:100%;
	height:auto;
}

@media screen and (max-width: 600px) {
  	body #left-wrapper {
		float:left;
		height: 80%;
		width:100%;
		overflow: hidden !important;
		position:relative;
	}
	body #right-wrapper {
		float:left;
		width:100%;
		padding-top: 5%;
	}
	body #menu-img {
		overflow: hidden !important;
		height: 100% !important;
		float: left;
	}
	body .menu-box {
		width:100%;
		font-size: 8vh;
		line-height: 10vh;
	}
	body .site-title {
		font-size: 8vw;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	body .page-title {
		font-size: 5vh;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	body .entry-title {
		font-size: 4vh;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	body .entry-content {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
  }