html {
  background: url(twingobg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #000;
  font-family: roboto, calibri, arial, helvetica;
  min-height: 100%;
}
body {
  margin: 0;
  min-height: 100vh;
  position: relative;
  text-align: center;
}
a {
  text-decoration: none;
  transition: color 2s, opacity 2s;
  -o-transition: color 2s, opacity 2s;
  -moz-transition: color 2s, opacity 2s;
  -webkit-transition: color 2s, opacity 2s;
  color: rgba(192,192,192,1);
}
a:link, a:visited {
  color: rgba(192,192,192,1);
}
a:hover, a:active {
  transition: color 0.5s, opacity 0.5s;
  -o-transition: color 0.5s, opacity 0.5s;
  -moz-transition: color 0.5s, opacity 0.5s;
  -webkit-transition: color 0.5s, opacity 0.5s;
  color: rgba(255,255,255,1);
}
img {
  border: none;
}
img.logo {
  width: 38%;
  margin-top: 8vh;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.facebook {
  margin-top: auto;
  margin-bottom: 8vh;
}
a.facebook-link, .facebook a {
  font-size: 6vw;
  color: rgba(192,192,192,1);
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}
a.facebook-link:hover, .facebook a:hover,
a.facebook-link:active, .facebook a:active {
  color: rgba(255,255,255,1);
}
.cornerleft, .cornerright {
  position: fixed;
  bottom: 1.5vh;
  font-size: 1.2vw;
  color: rgba(192,192,192,0.7);
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.cornerleft {
  left: 2vw;
}
.cornerright {
  right: 2vw;
}
.cornerleft:hover, .cornerright:hover {
  color: rgba(255,255,255,0.9);
}
@media all and (orientation:portrait) {
  img.logo {
    width: 70%;
    margin-top: 12vh;
  }
  .facebook a {
    font-size: 8vw;
  }
  .facebook {
    margin-bottom: 12vh;
  }
  .cornerleft, .cornerright {
    font-size: 3.5vw;
    bottom: 3vh;
  }
  .cornerleft {
    left: 5vw;
  }
  .cornerright {
    right: 5vw;
  }
}
