@media only screen and (max-width: 1800px) {
  main#single-song section > .wrapper {
    width: 85%;
  }

  main#single-song .song-container {
    width: 100%;
    align-self: unset;
  }

  .banner h1 {
    line-height: 100%;
  }
}

@media only screen and (max-width: 1750px) {
  main#info-page section.info-section #section-wrapper {
    width: 85%;
  }
}

@media only screen and (max-width: 1700px) {
  /* ============ Banner ============ */

  .banner .wrapper {
    height: unset;
    gap: 15px;
  }
}

@media only screen and (max-width: 1500px) {
  main#home .wrapper {
    gap: 75px;
  }

  /* ============ Home ============ */

  main#home .wrapper {
    width: 90%;
  }

  /* ============ Info Pages ============ */

  main#info-page section.info-section #section-wrapper {
    width: 90%;
  }

  main#info-page .text {
    width: 60%;
  }

  /* ============ Events Pages ============ */

  main.events h1 {
    font-size: 34px;
  }

  main.events h2 {
    font-size: 20px;
  }

  main.events p {
    font-size: 12px;
  }

  main.events link,
  main.events .link * {
    font-size: 12px;
  }

  main.events .gallery {
    gap: 20px;
  }

  main.events .featured-image {
    object-fit: contain;
    width: 500px;
    height: auto;
  }

  main.events .event {
    justify-content: space-between;
  }

  main.events .post-wrapper {
    width: 85%;
  }

  /* ============ News ============ */

  main#news .featured-image {
    object-fit: contain;
    width: 400px;
    height: auto;
  }

  main#news h1 {
    font-size: 34px;
  }

  main#news .subheading h1 {
    font-size: 20px;
  }

  main#news p {
    font-size: 12px;
  }

  /* ============ Contact ============ */

  main#contact-us section#one > .wrapper {
    width: 80%;
  }

  /* ============ Single Song ============ */

  main#single-song section#one > .wrapper {
    width: 90%;
  }

  /* ============ Log In ============ */

  main#login section:has(.form) > .wrapper {
    width: 90%;
  }

  /* ============ Songs ============ */

  main#songs .songs-grid {
    column-gap: 50px;
  }

  main#songs .songs-grid h1 {
    font-size: 2vw;
  }

  main#songs .songs-grid h2 {
    font-size: 1.5vw;
  }

  /* ============ Footer ============ */

  footer .wrapper {
    width: 70%;
  }

  footer .contacts {
    width: 100%;
  }

  footer .wrapper {
    width: 100%;
    padding-block: 50px;
  }

  footer .wrapper nav {
    width: 90%;
    margin-left: 35px;
    align-self: center;
    margin-left: 0;
  }

  footer .contacts {
    flex-direction: column;
  }

  footer .contacts a:last-child {
    flex-wrap: nowrap;
  }

  .info-section .wrapper .container {
    gap: 50px;
  }

  .info-section {
    margin-block: 100px;
  }
}