@media screen and (max-width: 945px) {
  .subtitle {
    flex-direction: column;
    text-align: center;
  }
  .subtitle p {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 750px) {
  .subtitle p {
    font-size: var(--size-l);
  }
  .f-width-logo {
    padding: 0;
  }
  .f-width-logo img {
    width: 150px;
  }
  .f-width-logo h1 {
    font-size: 84px;
  }
  .bridge, .gauge {
    flex-direction: column;
    text-align: center;
  }
  .bridge .content,
  .gauge .content {
    align-items: center;
  }
  .page-content {
    gap: 4rem;
  }
  footer {
    font-size: var(--size-m);
    padding: 1rem;
  }
  footer .links {
    font-size: var(--size-m);
    gap: 1rem;
  }
  footer .social {
    height: 30px;
  }
  footer .builders .logo {
    height: 50px;
  }
}

@media screen and (max-width: 550px) {
  .f-width-logo img {
    width: 100px;
  }
  .f-width-logo h1 {
    font-size: 2.5rem;
  }
  .bridge .content,
  .gauge .content {
    font-size: var(--size-m);
  }
  .gauge .gauges-wrapper {
    padding-right: 0.5rem;
  }
  footer {
    font-size: var(--size-s);
    padding: 1rem;
  }
  footer .links {
    font-size: var(--size-m);
    gap: 1rem;
  }
  footer .social {
    height: 30px;
  }
  footer .builders .logo {
    height: 50px;
  }
}