body .logo {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  width: 44%;
  max-width: 800px;
}

@media (min-width: 600px) {
  body .logo {
    width: 44%;
  }
}

@media (min-width: 900px) {
  body .logo {
    width: 20%;
  }
}

@media (min-width: 1200px) {
  body .logo {
    width: 16%;
  }
}

body .logo img {
  width: 100%;
}

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