.two-column-block {
  display: flex;
  flex-direction: row;
  gap: min(2em, 3vw);
  justify-content: left;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.column-topics {
  width: 45%;
}

.column-topics h3 {
  font-size: clamp(
    1.25rem,
    0.903rem + 1.111vw,
    1.875rem
  );
  text-align: left;
  margin-left: clamp(
    1rem,
    0.444rem + 1.778vw,
    2rem
  );
  margin-bottom: 5px;
}

.column-left {
  flex: 0 0 20%; /* don't grow, don't shrink, fixed 30% */
}

.column-left h2 {
  text-align: left;
}

.column-right {
  display: flex;
  flex: 0 0 80%; /* don't grow, don't shrink, fixed 70% */
  align-items: center;
  padding: 5px;
}

.background-teal-gradient {
  background-color: transparent;
  background-image: linear-gradient(180deg, #072F33 0%, #126872 100%);
  color: #eeeaea;
}

.background-teal-gradient a:not(btn),
.background-plum-gradient a:not(btn) {
  color: #FFFFFF;
}

.background-plum-gradient {
  background: linear-gradient(to bottom, #431D35 0%, #571d49 100%);
  color: #eeeaea;
}

/*
.header-color-section {
  background-color: transparent;
  background-image: linear-gradient(180deg, $primary-start 0%, $primary-end 100%);
  color: $color-menu-font;
}

*/
.header-color-section a:not(.btn) {
  color: #F6F3EE;
}

.white-font {
  color: #F6F3EE;
}

.column-left img {
  margin-left: 0px;
  max-height: 350px;
  max-width: 350px;
}

@media only screen and (max-width: 800px) {
  .two-column-block {
    flex-direction: column;
  }
  .column-topics {
    width: 95%;
  }
  .column-left img {
    max-height: 100%;
    max-width: 100%;
  }
}

/*# sourceMappingURL=two-col-topics.css.map */