html, body {
	margin: 0;
	padding: 0;
	background: #000;
	text-align: center;
}

html {
	width: 100%;
	height: 100%;
	background-color: 100%;
}

body {
	width: 100%;
	height: 100%;
/*	background: url("img/bg.jpg") center fixed;
	background-size: auto 100%;*/
	background: url("img/ezgif.com-optimize.gif") center fixed repeat-y;
	background-size: 100% auto;
	box-shadow: inset 0 0 10em 2em rgba(0,0,0,0.4);
}

#outter-wrapper {
	width: 100%;
	max-width: 670px;
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

#header, #footer {
	margin:  30px 0;
}
#header {
	width: 460px;
	max-width: 64%;
	margin: 30px auto;
}

#header img {
	width: 100%;
}

img#sub-header {
	margin-top:15px;
}

a:link, a:visited {
	text-decoration: none;
	outline: none;
	display: inline-block;
}

#footer a:link img, #footer a:visited img {
	height: 40px;
}

a#vimeo {
	float: left;
}

a#email {
	float: right;
	vertical-align:middle;
}

#footer a#email img, #footer a#email:visited img {
	height: 36px;
}

a#instagram-mobile {
	display: none;
}

@media only screen and (max-width : 670px) {
	body {
		background-color: black;
		background: url("img/bg.jpg") center fixed;
		background-size: auto 100%;
	}
	img#sub-header {
		margin-top: 10px;
	}
	
	#footer a:link img, #footer a:visited img {
		height: 24px;
	}
	
	#footer a#email img, #footer a#email:visited img {
		height: 22px;
	}
	
	#inner-wrapper {
	 padding: 20px;
	}
	
	#header {
		margin: 15px auto;
	}
	
	#footer {
		margin:  15px 0;
	}
	
	a#instagram-mobile {
		display: inline-block;
	}
	
	a#instagram {
		display: none;
	}
	
}