:root {
  --mbum-bg-primary: #014421;
  --mbum-bg-secondary: #1f5c4d;
  --mbum-accent: #e37b40;
  --mbum-text-light: #ffffff;
  --mbum-text-dark: #1a1a1a;
  --mbum-radius: 8px;
}

/* Bootstrap-free compatibility layer for legacy markup */
.container-fluid,
.container {
  width: 100%;
  margin: 0 auto;
}

.container {
  max-width: 1200px;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.col-xs-12,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-7 {
  width: 100%;
}

@media (min-width: 992px) {
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333333%;
  }
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 9999px;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table td {
  padding: 0.5rem;
  vertical-align: top;
}

html {
  scroll-behavior: smooth;
}

body {
  line-height: 1.6;
  color: var(--mbum-text-dark);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  padding-top: 72px;
}

#nr1,
#archRowGora {
  margin-top: 0;
}

.rowTitle {
  font-weight: 700;
  letter-spacing: 1px;
}

#nr2,
#nr3,
#nr4,
#nr5,
#nr6,
#nr7,
#nr8 {
  padding-left: clamp(16px, 4vw, 72px);
  padding-right: clamp(16px, 4vw, 72px);
}

#nr2 #nr2btnRejetracjaLink,
#btnRejetracja {
  transition: all 0.2s ease-in-out;
}

#nr2 #nr2btnRejetracjaLink:focus,
#btnRejetracja:focus {
  outline: 2px solid var(--mbum-text-light);
  outline-offset: 2px;
}

#nr5 input,
#nr5 select {
  border-radius: var(--mbum-radius);
}

#partnerzyLogos .partnerLogo img {
  filter: saturate(1.04);
}

@media (max-width: 768px) {
  #nr1 {
    min-height: 620px;
    background-attachment: scroll;
  }

  #nr1 #dateMbum {
    font-size: 1.5em;
  }

  #nr1 #miastoMbum {
    font-size: 1.3em;
  }

  #nr3 .table td {
    display: block;
    width: 100%;
  }

  #nr6 {
    min-height: 380px;
  }
}