@media (max-width: 1199px) {
  .container {
    width: 900px;
  }
}

@media (max-width: 899px) {
  .container {
    width: 600px;
  }
  .section {
    margin-top: 60px;
    margin-bottom: 67px;
  }
  .title {
    font-size: 32px;
  }
  .subtitle {
    font-size: 12px;
    font-family: "Noto Sans", sans-serif;
  }
  .section-header {
    margin-bottom: 40px;
  }
  .section-blog {
    row-gap: 40px;
    margin-bottom: 40px;
  }
  .button {
    padding: 12px 25px 14px;
    font-size: 18px;
  }
}

@media (max-width: 599px) {
  .container {
    width: 320px;
  }
  .section {
    margin-bottom: 40px;
  }
  .section-blog {
    justify-content: center;
  }
  .section-blog {
    row-gap: 20px;
  }
  .card-text-items {
    margin-bottom: 10px;
  }
  .card-text-title {
    font-size: 18px;
  }
  .card-link {
    font-size: 18px;
  }
}