@media (max-width: 400px) {
    .countdown-number{
       font-size: 3.5rem;
       line-height: 3.5rem
    }
}


@media (max-width: 557px) {
     .countdown-container{
    gap: 1rem !important;
 }
 .countdown-column{
    padding: 0 1rem;
 }
}

@media (max-width: 576px) {
  h1{
    font-size: 5rem;
  }
  .codeupp-banner .row{
    box-shadow: none;
  }
 
}

@media (max-width: 670px) {
 .countdown-container{
    gap: 2rem;
 }
 .qr-code{
    flex-direction: column;
 }
 .iban-wrapper{
    width: 150px;
    margin: auto
 }
 .kicker{
    text-align: center;
 }
 .hero-content .kicker{
    text-align: start !important;
 }
}


@media (max-width: 768px) {
  .header {
    padding: 0.5rem 0;
  }
  .news img{
    width: 100vw;
  }
  .banner-img-wrapper{
    display: none;
  }
  .codeupp-banner .col-md-6{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .codeupp-banner h2{
    text-align: center;
    font-size: 2.5rem !important;
  }
  .footer .copyright{
    gap: 0.5rem;
}

.footer .copyright .col-md-4{
    display: flex;
    align-items: center;
    justify-content: center;
}
}

/* Large (lg): min-width: 992px */
@media (max-width: 992px) {
  /* styles for lg */
  .event-history .container{
    gap: 1.5rem;
  }
  .codeupp-banner a{
    font-size: 1.5rem;
  }
  .codeupp-banner h2{
    font-size: 2.25rem;
  }
  .banner-img-wrapper{
    width: 348px;
  }
  .banner-img-wrapper {
    top: -5rem ;
  }
  .winners h2,.home-content.right-col p,.home-content h2{
    text-align: center;
  }
  
}

/* Extra large (xl): min-width: 1200px */
@media (max-width: 1200px) {
  /* styles for xl */
}

/* Extra extra large (xxl): min-width: 1400px */
@media (max-width: 1400px) {
  .sponsor-card{
    width: 100% !important;
  }
  .sponsor-card img{
    height: auto !important;
  }
}

/* Mobil 26. 10. 2026 (Kristián): menu v offcanvase malo text-dark na tmavom pozadí, nadpis podstránok bol obrovský */
.offcanvas .nav-link.text-dark { color: var(--white) !important; opacity: .9; }
.offcanvas .nav-link.text-dark:hover, .offcanvas .nav-link.text-dark:focus { opacity: 1; }
@media (max-width: 576px) {
  .hero.subpage { height: auto; min-height: 17rem; padding-top: 7.5rem; padding-bottom: 2.25rem; }
  .hero.subpage h1 { font-size: 3.25rem; line-height: 1; }
  .hero.subpage .kicker { font-size: 1rem; }
}