body, html {
  height: 100%;
  background: #000000;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

#background-image {
  height: 100%;
  width: 100%;
  animation: fadein 0.4s ease-in;
}

.official {
  position: absolute;
  width: 100%;
  bottom: 25px;
}

.official span {
  display: none;
}

.official div {
  width: 930px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/buttons/sprite.png) no-repeat;
  background-position: -0px -240px;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
}

@media screen and (max-width:640px) {

  .official span {
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    font-family: 'retroville_ncregular';
    font-weight: 100;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    -moz-text-shadow: 2px 2px 10px #000;
    -webkit-text-shadow: 2px 2px 10px #000;
    text-shadow: 2px 2px 10px #000;
  }

  .official div {
    display: none;
  }

}