@media only screen and (max-width: 600px) {
  body {
    font-size: 5vmin;
  }
  .container {
    position: relative;
  }
  .main {
    height: 100vh;
  }
  .header {
    position: absolute;
    top: 0;
    left: 0;
    height: unset;
  }
  .header .logo {
    width: 5rem;
  }
  .header .logo img {
    width: 100%;
  }
  .body {
    top: 20%;
  }
  .body .right {
    display: none;
  }
  .body .left {
    flex-direction: column-reverse;
  }
  .bus-rails {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
  }
  .bus-rails .bus {
    height: unset;
  }
  .menu {
    display: none;
  }
  .table .left {
    width: 8rem;
  }
  .table .right {
    font-size: 15px;
  }
  .footer {
    height: unset;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .footer .left, .footer .right {
    display: none;
  }
  .footer {
    height: 32vh;
    justify-content: center;
  }
  .contact-me {
    width: unset;
  }
  .contact-me button {
    padding: 0em 1em 0em 1em;
  }
  .modal-content {
    width: 100%;
  }
}/*# sourceMappingURL=mobile.css.map */