@media (max-width: 1100px) {
  .banner {
    flex-direction: column;
    text-align: center;
    margin: 0;
    padding: 0;
  }

  .banner-text {
    font-size: calc(12px * var(--font-size-modifier));
    margin: 0;
    margin: 10px 0;
    padding: 7px;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .banner-button {
    width: 75%;
    text-align: center;
    margin-bottom: 12px;
    font-size: calc(12px * var(--font-size-modifier));
  }
}