* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: "Lato";
	background: #eee;
}

a {
	color: #333;
	text-decoration: none;
}

ul {
	list-style: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.container {
	margin: 2em auto;
	width: 1000px;
	background: #fff;
}

.header {
	padding: 1em;
}

.logo {
	width: 240px;
}

.navigation {
	float: right;
}

.navigation li {
	display: inline-block;
	margin: 1em 0 1em .8em;
	font-weight: 300;
}

.footer .navigation li {
	margin: 0.75em 0.5em;
	font-size: .8em;
}

.footer a {
	color: #fff;
}

.title {
	padding: 1em;
	background: #111 url(../img/background.jpg) no-repeat top center fixed;
	color: #fff;
	overflow: hidden;
}

.vidbg {
	padding: 1em;
	background: #111 url(../img/background.jpg) repeat-y top center fixed;
	color: #fff;
	overflow: hidden;
}

.title h1 {
	font-size: 1.5em;
	font-weight: 300;
	color: #f90;
}

.title p {
	margin-top: .5em;
	font-weight: 300;
	line-height: 1.5em;
}

.title img {
	float: right;
	width: 400px;
	margin-left: 1em;
}

.content {
	padding: 1em;
	overflow: hidden;
}

.box {
	height: 200px;
	width: 200px;
	background: #000;
	display: inline-block;
}

.client {
	margin: 0 15px;
}

.work {
	float: left;
	width: 300px;
	height: 300px;
	margin: 11.33px;
	position: relative;
}

.work .title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.9);
	font-size: .8em;
}

.work2 {
	float: left;
	width: 300px;
	margin: 11.33px;
}

.work2 .work-img {
	background: #111 url(../img/background.jpg) no-repeat top center fixed;
	text-align: center;
	height: 200px;
	overflow: hidden;
}

.work2 .work-img img {
	width: 100%;
	vertical-align: top
}

.work2 .work-img.push10 img {
	width: 110%;
	margin-left: -5%;
}

.work2 .work-img.push20 img {
	width: 120%;
	margin-left: -10%;
}

.work2 .work-info {
	padding: 1em;
}

.work2 .work-info {
	background: #222;
	font-size: 0.8em;
	color: #eee;
}

.work2 .work-info h1 {
	font-size: 1.2em;
}

.work2 .work-info p {
	color: #aaa;
	font-weight: 300;
	line-height: 1.5em;
}

.studio {
	font-size: 1em;
	color: #f90;
	font-weight: 400;
}


.presents {
	color: #fff;
	font-weight: 300;
	text-align: center;
	padding: 80px 0;
}

.presents img {
	width: 400px;
}

.presents h1, .presents h2, .presents h3 {
	font-weight: 300;
	margin: 1em 0;
}

.presents h3 {
	padding: 0 200px;
}

.footer {
	background: #111 url(../img/background.jpg) no-repeat top center fixed;
	padding: 1em;

}

.footer .logo {
	width: 180px;
}

#praise {padding:20px; border:1px solid #fff; border-radius:5px; margin:auto; max-width:500px; margin-top:20px;}
#linx {color:#efefef; text-decoration:underline;}
#cast {max-width:620px; width:inherit; padding-top:16px;}
#awards {width:68%!important; margin-top:15px; float:left; padding-right:20px;}
#race {float:left; width:inherit; max-width:525px;}
#socialm {padding-left:20px;}

/* Home Page */

.wrap {
	width: 100%;
	height: 100%;
	background: #111 url(../img/home.png) center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	text-align: center;
}

.home-nav {
}

.home-nav li {
	display: inline-block;
	margin: 2em 1.5em;
	font-size: 1.2em;
	font-weight: 300;
}

.home-nav a {
	color: #fff;
}

.home-content {
	width: 500px;
	height: 314px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -250px;
	margin-top: -157px;
}

.home-content h1 {
	color: #fff;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: .2em;
	margin: 2em 0;
}

.home-content h2 {
	color: #fff;
	font-size: 1.3em;
	font-weight: 300;
	margin: 2em 0;
	font-style: italic;
	position: absolute;
	left: 0;
	right: 0;
}

.home-content img {
	width: 500px;
}

.quote {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 1.5em;
	color: #fff;
	width: 400px;
	text-align: right;
	font-size: .9em;
	color: rgba(255,255,255,0.8);
	font-style: italic;
	line-height: 1.5em;
}

input, textarea {
	display: block;
	border: 1px solid #aaa;
	padding: .5em .7em;
	font-size: 1em;
	width: 250px;
}

label {
	display: block;
	font-size: .9em;
	margin-bottom: .5em;
	text-transform: uppercase;
}

input[type=submit] {
	width: 100px;				
}

.mobile-menu-button-home {
	display: none;
	color: #fff;
	text-align: right;
	padding: .5em;
}

.mobile-menu-button {
	display: none;
	color: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	right: 0;
	padding: .5em;
}

/* Video Page */
.video {margin:auto; max-width:560px;}
.video-title h1 {font-size: 1.5em;font-weight: 300;color: #f90;}
.video-subtitle {font-size: 1em; color: #f90; font-weight: 400; padding-bottom:5px;}
.sub-video-box {max-width:520px; margin:auto; background:#transparent; padding:20px; border:1px solid #fff; border-radius:5px; margin-top:10px;}
.video-text {color: #fff; font-weight: 300; line-height: 1.5em; font-size:0.8em;}





/* Responsive */

@media screen and (max-width: 768px) {

	/* Home Page */

	.wrap {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.mobile-menu-button-home {
		display: block;
	}

	.mobile-menu-button {
		display: block;
	}

	.home-nav {
		display: none;
		background: #000;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}

	.home-nav li {
		display: block;
		margin: 0;
		padding: .75em;
		border-top: 1px solid #333;
	}

	.home-content {
		width: 320px;
		height: 260px;
		margin-left: -160px;
		margin-top: -130px;
	}

	.home-content h1 {
		font-size: .9em;
	}

	.home-content h2 {
		font-size: 1.3em;
	}

	.home-content img {
		width: 280px;
	}

	.quote {
		right: 0;
		left: 0;
		padding: 1em;
		width: auto;
		text-align: center;
	}

	/* All Other Pages */

	.container {
		margin: 0;
		width: 100%;
	}

	.header {
		padding: .5em 1em;
	}

	.logo {
		width: 160px;
	}

	.navigation {
		display: none;
		position: fixed;
		top: 49px;
		right: 0;
		left: 0;
		background: #222;
	}

	.navigation li {
		display: block;
		margin: 0;
		font-weight: 300;
		padding: 1em;
		text-align: center;
		border-top: 1px solid #444;
	}

	.navigation li a {
		color: #fff;
	}

	.title {
		padding: 1em;
		background: #111 url(../img/background.jpg) no-repeat top center fixed;
		color: #fff;
		overflow: hidden;
	}

	.title h1 {
		font-size: 1.3em;
		font-weight: 300;
		color: #f90;
	}

	.title p {
		margin-top: .5em;
		font-weight: 300;
		line-height: 1.5em;
		font-size: .9em;
	}

	.title img {
		float: right;
		width: 100%;
		margin-left: 1em;
		margin-bottom: 1em;
	}

	.content {
		padding: 1em;
		overflow: hidden;
	}

	.client {
		margin: 0;
		width: 49%;
	}

	.work2 {
		float: left;
		width: 340px;
		margin: 11.33px;
	}

	.work2 .work-img {
		background: #111 url(../img/background.jpg) no-repeat top center fixed;
		text-align: center;
		height: 200px;
		overflow: hidden;
	}

	.work2 .work-img img {
		width: 100%;
		vertical-align: top;
		margin-top: -7%;
	}

	.work2 .work-img.push10 img {
		width: 110%;
		margin-left: -5%;
	}

	.work2 .work-img.push20 img {
		width: 120%;
		margin-left: -10%;
	}

	.work2 .work-info {
		padding: 1em;
	}

	.work2 .work-info {
		background: #222;
		font-size: 0.8em;
		color: #eee;
	}

	.work2 .work-info h1 {
		font-size: 1.2em;
	}

	.work2 .work-info p {
		color: #aaa;
		font-weight: 300;
		line-height: 1.5em;
	}

	#mobilehide {
		display: none;
	}
}

@media screen and (max-width: 768px) {
#cast {width:90%; float:none;}
#race {width:90%; float:none;}
#awards {padding-right:0px;}
}