@media only screen and (max-width: 600px) {
  nav {
    display: grid;
    grid-template-columns: 2fr 2fr;
  }

  nav a {
    margin-bottom: 5px;
  }

  .header {
    height: 70px;
  }

  .logo {
    margin-top: 13px;
  }

  .main-logo {
    margin-top: 0px;
  }

  .hero-text {
    /* margin-top: 30px; */
    font-size: 2.7em;
  }

  .hero-slogan {
    font-size: 1.2em;
  }

  #scroll-up-btn {
    width: 50px;
    height: 50px;
    bottom: 50px;
    right: 50px;
    font-size: 40px;
    line-height: 10px;
  }

  .card {
    margin-bottom: 80px;
  }

  .card:last-child {
    margin-bottom: 0;
  }
}