body {
  color: #313131;
  font-family: 'Lato', sans-serif;
}

h1 {
  font-family: 'Brygada 1918', serif;
  font-size: 55px!important;
  font-weight: 700;
}

/* Override h1 size for extra small devices to prevent text overflow */
@media (max-width: 475px) {
  h1 {
    font-size: 3rem !important; /* 48px */
  }
}

/* Override h1 size for small devices */
@media (min-width: 476px) and (max-width: 639px) {
  h1 {
    font-size: 3.4375rem !important; /* 55px */
  }
}

h2, h3, h4, h5, h6 {
  font-family: 'Brygada 1918', serif;
  font-weight: 700;
}

#imageModal {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
}

#modalContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: black;
  border-radius: 8px;
}

#modalImage {
  object-fit: contain;
}

.hidden {
  display: none !important;
}