@media (max-width: 525px) {
  /* GLOBAL */
  .title h1 {
    font-size: 2rem;
  }

  .line {
    width: 300px;
    margin-top: 10%;
  }

  .hero .konten h1 {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }

  .hero .konten p {
    font-size: 0.7rem;
    height: 70px;
  }

  .makanan-konten {
    display: inline-block;
  }

  .recipes-konten .title h1 {
    margin-top: -80px;
  }

  .blog-konten .title h1 {
    margin-top: 20px;
  }

  .kolom-1,
  .kolom-2,
  .kolom-3,
  .kolom-4,
  .kolom-5,
  .kolom-6 {
    width: 350px;
    height: 200px;
    padding: 15px 10px;
    margin-right: 0;
  }

  .clm1 .row,
  .clm2 .row {
    padding-right: 120px;
    padding-left: 120px;
  }

  .makanan-konten .gambarmknan {
    margin-right: 0;
    line-height: 0;
    justify-self: center;
  }

  .makanan-konten .deskripsi-makanan {
    text-align: center;
    margin-top: 15px;
  }

  .menu ul h4,
  .contact-us h4 {
    font-size: 0.5rem;
  }

  .menu ul h4 {
    margin-bottom: 0.2rem;
  }

  .menu ul li {
    font-size: 0.4rem;
  }

  .menu ul li a img {
    width: 13px;
    height: 13px;
    margin-right: 4px;
  }

  .contact-us input {
    width: 60px;
    height: 15px;
    font-size: 0.4rem;
    padding-left: 10px;
    display: flex;
  }

  .contact-us button {
    width: 35px;
    height: 15px;
    font-size: 0.4rem;
  }

  .copyright h5 {
    font-size: 0.6rem;
  }
}