@media (max-width: 576px) {
  .bar-2 {
    background-color: #ffffff;
    background-size: unset;
    background-image: none;
    margin-top: 50px;
  }

  .header {
    padding-bottom: 60px;
  }

  .header .title {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .header .sub {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }

  .club .title {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .club p {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }

  .about {
    margin: 100px 0 0 0;
  }

  .suporte,
  .catarse {
    padding: 80px 30px;
    min-height: 200px;
  }

  .suporte,
  .catarse {
    margin: 30px 0 0 0;
  }

  .suporte .title,
  .catarse .title,
  .about .title {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }

  .suporte p,
  .catarse p,
  .about p {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }

  .suporte a,
  .catarse a,
  .about a {
    font-size: 1rem;
  }

  .upgrades {
    padding: 50px;
    margin: 30px 0;
  }

  .upgrades .title {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .upgrades p {
    font-size: 1.3rem;
    line-height: 1.7rem;
    flex-direction: column;
  }
}