.media-and-content--media-position-right .container__media-and-content {
  grid-template-areas: "content visual";
}

.media-and-content--media-position-right .media-and-content__visual {
  grid-column: 2 / 6;
}

.media-and-content--media-position-right .media-and-content__content {
  grid-column: 7 / 12;
}

.media-and-content.media-and-content--with-bullet-icon ul {
  padding-left: 0;
  list-style: none;
}

.media-and-content.media-and-content--with-bullet-icon ul li {
  min-height: 1.5em;
  margin: .3125em 0;
  padding-left: 1.5em;
  position: relative;
}

.media-and-content.media-and-content--with-bullet-icon ul li:first-child {
  margin-top: 0;
}

.media-and-content.media-and-content--with-bullet-icon ul li:last-child {
  margin-bottom: 0;
}

.media-and-content.media-and-content--with-bullet-icon ul li:before {
  background-image: var(--bullet-icon);
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin-right: .5em;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(calc(-100% - .5em));
  transform: translateX(calc(-100% - .5em));
}

.media-and-content--bg {
  margin: 0;
  padding: 6.25em 0 4em;
}

.media-and-content--bg .text--smaller {
  color: #fff;
}

.container__media-and-content {
  grid-template-columns: repeat(12, 1fr);
  grid-template-areas: "visual content";
  gap: 1.25em;
  display: grid;
}

@media (max-width: 768px) {
  .container__media-and-content {
    display: block;
  }
}

.media-and-content__visual {
  grid-area: visual / 8 / visual / 12;
}

@media (max-width: 768px) {
  .media-and-content__visual {
    margin-bottom: 2.30769em;
  }
}

.media-and-content__visual-container img {
  width: 100%;
  height: auto;
}

.media-and-content__content {
  grid-area: content / 2 / content / 7;
}

/*# sourceMappingURL=media-and-content.css.map */