body, html {
  height: 100%;
  width: 100%; }

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #333333;
  background: transparent url(../images/background.jpg) no-repeat center top/cover; }

.logo {
  height: 128px;
  position: absolute;
  width: 100%;
  top: 20%;
  margin-top: -64px; }

.launching {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 180px;
  width: 100%;
  top: 50%;
  margin-top: -90px; }
  .launching h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: "arial", sans-serif;
    font-style: italic;
    text-align: center;
    font-weight: bold;
    font-size: 72px;
    margin: 0;
    padding: 50px 0; }

.footer {
  background: #2287c9;
  padding: 30px 0 0;
  position: fixed;
  bottom: 0;
  width: 100%; }
  .footer p {
    color: #fff;
    margin-bottom: 30px; }

.copyright {
  background: #25221e; }
  .copyright p {
    margin: 0;
    padding: 20px 0;
    font-size: 12px; }

@media (max-width: 767px) {
  .logo {
    position: static;
    padding-top: 80px;
    margin: 0;
    height: auto; }

  .launching {
    position: static;
    margin-top: 80px;
    height: auto; }
    .launching h1 {
      font-size: 32px;
      font-size: 10vw; }

  .footer {
    position: static;
    margin-top: 200px; } }

/*# sourceMappingURL=application.css.map */