body {
	background : #4c2511;
	color : #fff;
	font-size : 50px;
	font-family : 'Roboto', verdana, tahoma;
	margin : 0;
	padding : 0;
}
#grey {
	background : #4c2511;
	font-size : 58px;
	padding : 50px 0 50px 30px;
}
#grey h2 {
	margin : 0;
	padding : 0;
	word-break: break-all;
}
#grey h2.twitter, #grey h2.facebook, #grey h2.linkedin, #grey h2.vimeo, #grey h2.instagram, #grey h2.pinterest, #grey h2.vine, #grey h2.flickr, #grey h2.myspace, #grey h2.tumblr, #grey h2.youtube, #grey h2.google {
	padding-left : 80px;
}
#grey h2.facebook {
	background : url('fb.png') no-repeat left 17px;
}
#grey h2.twitter {
	background : url('twitter.png') no-repeat left 17px;
}
#grey h2.linkedin {
	background : url('linkedin.png') no-repeat left 17px;
}
#grey h2.instagram {
	background : url('instagram.png') no-repeat left 17px;
}
#grey h2.pinterest {
	background : url('pinterest.png') no-repeat left 17px;
}
#grey h2.vimeo {
	background : url('vimeo.png') no-repeat left 17px;
	}
#grey h2.vine {
	background : url('vine.png') no-repeat left 17px;
}
#grey h2.flickr {
	background : url('flickr.png') no-repeat left 17px;
}
#grey h2.myspace {
	background : url('myspace.png') no-repeat left 17px;
}
#grey h2.youtube {
	background : url('youtube.png') no-repeat left 17px;
}
#grey h2.google {
	background : url('google.png') no-repeat left 17px;
}
#grey h2.tumblr {
	background : url('tumblr.png') no-repeat left 17px;
}
a {
	text-decoration : none;
	color : #fff;
}
a:hover {
	text-decoration : underline;
}
#yellow {
	padding : 85px 0 0 30px;
}

.overlay{
   background:url('bg.jpg');
  -webkit-animation:100s scroll infinite linear;
  -moz-animation:100s scroll infinite linear;
  -o-animation:100s scroll infinite linear;
  -ms-animation:100s scroll infinite linear;
  animation:100s scroll infinite linear;
  background-size:cover;
  top:0;
  left:0;
  width:100%;
  height : 100%;
  position : fixed;
}
.overlay img.logo {
	position : absolute;
	left : 50%;
	top : 50%;
	margin-left : -200px;
	margin-top : -200px;
}
.social {
	bottom : 20px;
	width : 100%;
	position : absolute;
	text-align : center;
}
.social a img {
	margin : 5px;
	opacity : .5;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.social a:hover img {
	opacity : 1;
}
h1{
  text-align:center;
  color:#FFF !important;
  margin-top:10%;
  font:60px Lobster;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

p{
  color:#FFF;
  text-align:center;
  font:15px Lobster;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}


@-webkit-keyframes scroll{
  100%{
    background-position:-3000px 0px;
  }
}

@-moz-keyframes scroll{
  100%{
    background-position:-3000px 0px;
  }
}

@-o-keyframes scroll{
  100%{
    background-position:-3000px 0px;
  }
}

@-ms-keyframes scroll{
  100%{
    background-position:-3000px 0px;
  }
}

@keyframes scroll{
  100%{
    background-position:-3000px 0px;
  }
}