.rules-page .hero-text {
  margin-top: -220px;
}

.rules-page #general-rules {
  background: url("/static/img/bg2.png") no-repeat center center;
  background-size: cover;
  margin-top: -220px;
}

@media (max-width: 1399px) {
  .rules-page #general-rules {
    margin-top: -80px;
  }

  .rules-page .hero-text {
    margin-top: -80px;
  }
}

@media (max-width: 768px) {
  .rules-page #general-rules {
    margin-top: 0;
  }

  .rules-page .hero-text {
    margin-top: 0;
  }
}

.rules-page #general-rules.grid-section .row-3 .card p {
  font-size: 1.1rem;
}

.rules-page #if-selected.grid-section .card.glass-box {
  padding: 24px;
}