body {
	background: #090707 url('bg.jpg') top center no-repeat; background-size: 100%; color: #fff;
	font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5; text-transform: uppercase;
}

a { color: #fec500; font-weight: bold; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
strong { font-weight: 700; }
em { color: #fec500; }
h1, h2, h3 { color: #fff; text-shadow: 0 0 6px #666; font-family: 'Oswald'; text-transform: uppercase; }
h1 { font-size: 2em; line-height: 1.5; }
h2 { font-size: 1.5em; line-height: 1.2; text-decoration: underline; }
h3 { font-size: 1.2em; line-height: 1.5; }

.left { float: left; width: 35%; }
.right { float: left; width: 65%; }

img { max-width: 100%; border: none; display: block; }

header, footer, #wrapper  { display: inline-block; width: 100%; }
.content { position: relative; margin: 0 auto; }

#some { float: left; width: 100%; margin: 30px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 20px 0; }
.click { float: left; width: calc(100% / 8); }
.click:hover { opacity: 0.7; }
.center { margin: auto; width: 50px; }

#bio { float: left; width: 100%; margin: 0 0 30px 0; border-bottom: 2px solid #fff; padding: 20px 0; }

#video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 30px 0;
}
#video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#album, #photos { float: left; width: 100%; border-top: 2px solid #fff; }
#photos { margin: 30px 0 0 0; }
.row { float: left; width: 100%; }
.col { float: left; width: 50%; padding: 30px 0 0 0; }
.copy, .contact { float: left; width: 50%; padding: 30px 0 0 0; text-align: left; }
.contact { text-align: right !important; }

header { margin: 30px 0 0 0; }
footer { margin: 30px 0; border-top: 2px solid #fff; }

@media (min-width: 1200px) {
	.content { max-width: 1180px; }
}

@media (max-width: 1199px) {
	body { font-size: 0.8em; }
	.content { margin: 0 40px; }
	.col { width: 48%; padding: 30px 2% 0 0; }
}

@media (max-width: 768px) {
	body { font-size: 0.6em; }
	.content { margin: 0 30px; }
	.col { width: 46%; padding: 30px 4% 0 0; }
}

@media (max-width: 480px) {
	h1 { font-size: 1.4em; }
	.content { margin: 0 20px; }
	.col { width: 100%; }
	.click { width: 10%; padding: 0 1%; }
}