/*
 * Colors
 */
/*
 * Breakpoints
 */
.image_text .flex {
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .image_text .flex {
    flex-direction: row;
  }
}
.image_text .flex-left {
  width: 100%;
  display: flex;
  align-self: stretch;
}
@media (min-width: 768px) {
  .image_text .flex-left {
    width: 50%;
    position: relative;
  }
}
.image_text .flex-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 375/340;
}
@media (min-width: 1024px) {
  .image_text .flex-left img {
    aspect-ratio: 512/500;
  }
}
@media (min-width: 1200px) {
  .image_text .flex-left img {
    aspect-ratio: 720/560;
  }
}
@media (min-width: 1920px) {
  .image_text .flex-left img {
    aspect-ratio: 960/560;
  }
}
.image_text .flex-right {
  width: 100%;
  background: #f2f4f5;
  padding: 48px 32px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
@media (min-width: 768px) {
  .image_text .flex-right {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .image_text .flex-right {
    width: 50%;
    justify-content: center;
    align-items: flex-start;
    padding: 48px 80px;
  }
}
@media (min-width: 1440px) {
  .image_text .flex-right {
    padding: 48px 140px;
  }
}
@media (min-width: 1920px) {
  .image_text .flex-right {
    padding: 48px 190px;
  }
}
@media (min-width: 1440px) {
  .image_text .flex-right__content {
    max-width: 430px;
  }
}
.image_text .flex-right p {
  margin-bottom: 32px;
  color: #5e6265;
}
@media (min-width: 1024px) {
  .image_text .flex-right p {
    margin-bottom: 40px;
  }
}
.image_text .flex-right a {
  width: -moz-fit-content;
  width: fit-content;
}
.image_text.image-position-right .flex {
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .image_text.image-position-right .flex {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .image_text.image-position-right .flex-left {
    width: 50%;
    position: relative;
  }
  .image_text.image-position-right .flex-left:after, .image_text.image-position-right .flex-left:before {
    left: 32px;
    right: auto;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .image_text.image-position-right .flex-left:after, .image_text.image-position-right .flex-left:before {
    left: 40px;
  }
}
@media (min-width: 768px) {
  .image_text.image-position-right .flex-left:before {
    top: auto;
    bottom: 32px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .image_text.image-position-right .flex-left:before {
    bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .image_text.image-position-right .flex-right {
    align-items: flex-end;
  }
}