.section-grid-2-column {
  background-color: #f4f3f8;
  border-bottom: solid 1px #ddd;
}
.section-grid-2-column__title {
  margin-bottom: 31.25px;
}
.section-grid-2-column__media-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.section-grid-2-column__media {
  background-color: #fff;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: black;
  border: solid 1px #ddd;
}
.section-grid-2-column__media:hover {
  color: #f53;
  border-color: #ccc;
}
.section-grid-2-column__media-image {
  width: 50%;
  overflow: hidden;
  margin-top: -1px;
  margin-bottom: -1px;
}
.section-grid-2-column__media-image img {
  width: 100%;
  height: auto;
  display: block;
}
.section-grid-2-column__media-description {
  width: 50%;
  box-sizing: border-box;
  padding: 15px;
  font-weight: bold;
  line-height: 1.5;
  overflow: hidden;
  flex-grow: 10;
}
.section-grid-2-column__media-description p {
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .section-grid-2-column__media-description {
    line-height: 1.25;
  }
}
@media screen and (max-width: 992px) {
  .section-grid-2-column__title {
    text-align: center;
  }
  .section-grid-2-column__media {
    flex-direction: column;
  }
  .section-grid-2-column__media-image {
    width: 100%;
    max-height: 250px;
    height: 75%;
    overflow: hidden;
  }
  .section-grid-2-column__media-description {
    width: 100%;
    line-height: 1.2;
  }
}
@media screen and (max-width: 768px) {
  .section-grid-2-column__media-wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .section-grid-2-column__media {
    width: 100%;
    max-width: 452px;
  }
}

/*# sourceMappingURL=grid-2-column.css.map */