html {
  width: 100%;
  height: 100%;
  background: #121212;
  box-sizing: border-box;
  margin: 0px;
  -ms-overflow-style: none;
}

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

*::selection, *:before::selection, *:after::selection {
    color: #fff;
    background-color: #f00;
}

body {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #121212;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: sans-serif;
  font-size: 12px;
}

.top {
  background: red;
  flex: 1 1 100%;
  min-height: 25px;
}

.bottom {
  background: red;
  flex: 1 1 100%;
  min-height: 25px;
}

.content {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.logo {
  max-width: 100%;
  padding: 25px;
}

.logo img {
  user-select: none;
  max-width: 876px;
}

.coming-soon {
  text-transform: uppercase;
  letter-spacing: 10px;
  color: #666;
}

.contact-info {
  font-size: 14px;
  line-height: 1.4em;
  letter-spacing: 1px;
}

.contact-info a {
  color: inherit;
  text-decoration: none;
}

.email {
  color: #FD9527 !important;
}

@media (max-width: 926px) {
  .logo img {
    max-width: 100%;
  }
}