@media (max-width: 1200px) {
  header {
    width: 80%;
  }

  /* ---------------------------------------- main ---------------------------------------- */
  /* ---------- main about ---------- */

  .main-about-container {
    width: 80%;
  }
  /* ---------- main resume ---------- */

  .main-resume-container {
    width: 90%;
  }
  /* ----------- main skill ----------- */

  .main-skill {
    width: 80%;
  }
  /* ---------- main projects ---------- */
  .cards {
    width: 80%;
  }

  /* ----------- main contact ----------- */
  .contact {
    width: 70%;
  }
}