* {
		margin: 0;
		padding: 0;
	}

	html { 
		background: url(gfx/bg.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	body {
	}

	#main-wrapper {
		text-align: left;
		width: 100%;
	}

	header {
		position: absolute;
		top: 24px;
		left: 5%;
		text-align: left;
	}

	nav {
		text-align: right;
		position: absolute;
		top: 48px;
 		right: 5%;
	}

	section {
		width: 960px;
		text-align: center;

	}

	article {
		display: inline-block;
		width: 320px;
		text-align: left;
		margin: 1em;
		margin-bottom: 3em;
	}

	header a {
		color: #FFFFFF;
		text-decoration: none;
	}

	header a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}

	header a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}


	nav a {
		font-family: Oswald;
		font-weight: 300;
		font-size: 1.5em;
		color: #FFFFFF;
		text-transform: uppercase;
		text-decoration: none;
		margin-left: 24px;
	}

	nav a img {
		margin-right: -12px;
	}

	nav a:hover {
		text-decoration: underline;
	}

	nav a:visited {
		color: #FFFFFF;
	}

	section a {
		color: #FFFFFF;
		text-decoration: none;
	}

	section a:hover {
		text-decoration: underline;
	}

	section a:visited {
		color: #FFFFFF;
	}

	h1 {
   		font-family: Oswald;
		font-weight: 500;
		font-size: 4em;
		letter-spacing: -0.03em;
		color: #FFFFFF;
		display: block;
	}

	h2 {
		text-align: center;
		color: #FFFFFF;
  		font-family: Oswald;
		font-weight: 300;
		font-size: 3em;
		margin-top: 48px;
		margin-bottom: 48px;
	}

	h3 {
		text-align: center;
   		font-family: Oswald;
		font-weight: 500;
		font-size: 2em;
		color: #FFFFFF;
		display: block;
		text-transform: uppercase;
		margin-bottom: 24px;
	}

	p {
		font-family: Oswald;
		color: #FFFFFF;
		font-weight: 200;
		font-size: 1.5em;
		line-height: 1.5em;
		text-align: center;
		letter-spacing: 0.03em;
		margin-bottom: 48px;
	}

	article h4 {
   		font-family: Oswald;
		font-weight: 400;
		font-size: 1.5em;
		color: #FFFFFF;
	}

	article h5 {
   		font-family: Oswald;
		font-weight: 300;
		font-size: 1em;
		color: #FFFFFF;
	}

	p.contact {
		font-size: 1.25em;
	}

	strong {
		font-weight: 400;
	}

	p.small {
		font-size: 1em;
	}

	.margin-top {
  		position: absolute;
  		top: 15%;
  		left: 50%;
		transform: translate(-50%, 0%);
	}

	.vertical-center {
  		margin: 0;
  		position: absolute;
  		top: 50%;
  		left: 50%;
		transform: translate(-50%, -50%); 
	}

	.films {
		width: 1280px;
	}

	#social img {
		margin: 2px;
		margin-bottom: 36px;
	}

	#social img:hover {
		transition: .5s ease;
  		opacity: 0.5;
	}

	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding-bottom: 12px;
		text-align: center;
	}

	footer p {
		font-size: 0.75em;
		margin: 6px;
	}

	footer img {
		margin: 2px;
	}

	footer img:hover {
		transition: .5s ease;
  		opacity: 0.5;
	}

	footer a {
		text-decoration: none;
		color: #FFFFFF;
	}

	footer a:hover {
		text-decoration: underline;
	}

	footer a:visited {
		color: #FFFFFF;
	}

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

	h1 {
		font-size:3em;
		line-height: 1em;
	}

  	nav {
    top: 40px;
  	font-size:0.85em;
  	margin-bottom: 24px;
  	}

  	nav a {
  		margin-left: 12px;
  	}

  	.margin-top {
  		position: absolute;
  		margin-top: 120px;
  		left: 50%;
		transform: translate(-50%, 0%); 
	}

	.films {
		width: 360px;
	}

  	section{
  		width: 80%;
  	}

  	section p{
  		line-height: 1.5em;
  	}
  	
  	h2 {
  		font-size: 2em;
  	}

  	h3 {
  		font-size:1.5em;
  	}

  	footer p {
		font-size: 0.25em;
		margin: 6px;
	}

	p.small {
		font-size: 0.75em;
		margin-bottom: 96px;
	}

	}


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

	h1 {
		font-size: 3em;
	}

	h2 {
		font-size: 1.5em;
	}

	.margin-top {
		position: absolute;
  		margin-top: 90px;
  		left: 50%;
		transform: translate(-50%, 0%); 
	}

  	nav {
    	top: 96px;
    	font-size:0.65em;
  	}

	}