body {
  background-image: url(/images/site-bg.jpg);
  background-size: cover;
  color: #fff;
  background-color: #717171;
}
@media (orientation: portrait) {
  body {
      background-image: url(/images/site-bg-rotate.jpg);
      background-size: cover;
  }
}
.main-body {
  text-align: center;
}
.logo {
	margin-bottom: 50px;
}
img {
  max-width: 450px;
  margin-top: 150px;
}
h3 {
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 13px;
}
.social {
	margin-top: 100px;
}
.social a {
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	text-decoration: none;
	color: #fff;
	transition: all 0.5s ease;
	margin: 0 40px;
	font-size: 18px;
}
.social a:hover {
	color: #f3dc7a;
}
.social .facebook img {
	width: 15px;
}
.footer {
  margin-top: 100px;
  padding: 0 100px;
}
.footer p {
  font-size: 12px;
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}