@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Arvo);

html, body {
  height: 100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html {
  font-family: "Lato";
}

body {
  background-color: #000;
  margin: 0px;
}

a {
  text-decoration: none;
}

a:link {
  color: #fff;
}

a:hover {
  color: #aaa;
}

a:visited {
  color: #fff;
}

.home {
  background: url("../images/home.jpg") no-repeat center center fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.title {
  background-color: #222;
  margin: 18% 0% 20% 0%;
  opacity: 0.8;
  padding: 2% 0% 2% 0%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.title h1 {
  color: #fff;
  font-family: "Arvo";
  font-size: 1.5em;
  margin: 0px;
}

.title h2 {
  color: #aaa;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  margin: 0px;
  text-shadow:
    0 -1px 0    #fff,
    0 1px  0    #2e2e2e,
    0 2px  0    #2c2c2c,
    0 3px  0    #2a2a2a,
    0 4px  0    #282828,
    0 5px  0    #262626,
    0 6px  0    #242424,
    0 7px  0    #222,
    0 8px  0    #202020,
    0 9px  0    #1e1e1e,
    0 10px 0    #1c1c1c,
    0 11px 0    #1a1a1a,
    0 12px 0    #181818,
    0 13px 0    #161616,
    0 14px 0    #141414,
    0 15px 0    #121212,
    0 22px 30px rgba(0, 0, 0, 0.9);
}

.social {
  color: #fff;
  font-size: 1.5em;
  letter-spacing: 4px;
  padding: 2% 2% 0% 0%;
  text-align: right;
}