/*CONTACT*/
.contact-container {
  display: flex;
  flex-wrap: wrap; /* allows wrapping when space is tight */
  width: 100%;
  min-height: 300px; /* Or any fixed/relative height */
}

.contact-block {
  flex: 1; /* Equal width */
  position: relative; /* Needed for absolute children */
  min-width: 300px; /* breakpoint trigger: below 250px, blocks wrap */
  height: 350px;
}

.contact-block-redDark {
  background-color: var(--color-red-dark);
}
.contact-block-redMed {
  background-color: var(--color-red-medium);
}

.contact-content {
  position: absolute; /* Absolutely positioned inside its parent */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centered example */
}

p.contact-head {
  font-family: var(--font-bold);
  font-size: 1.8rem;
  text-align: center;
  color: #ffffff;
}
p.contact-info {
  text-align: center;
  color: #ffffff;
}