@import url("https://fonts.googleapis.com/css?family=Sarabun:200,300,400,600,700,800&display=swap");
.mixed-content {
  padding: 50px 0; }
  @media (min-width: 1026px) {
    .mixed-content {
      padding: 75px 0; } }
  @media (min-width: 769px) {
    .mixed-content__container {
      display: flex;
      justify-content: space-between;
      margin: 0 -25px; }
      .mixed-content__container > *:first-child {
        margin: 0 25px; }
      .mixed-content__container > *:last-child {
        margin: 0 25px; } }
  .mixed-content__content {
    margin: 0 0 30px; }
  .mixed-content__heading {
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 30px; }
    .mixed-content__heading[data-color="orange"] {
      color: #fd8204; }
    .mixed-content__heading[data-color="purple"] {
      color: #87319a; }
    .mixed-content__heading[data-color="green"] {
      color: #74a333; }
    .mixed-content__heading[data-color="blue"] {
      color: #0083c2; }
    .mixed-content__heading[data-color="pink"] {
      color: #d51067; }
    .mixed-content__heading[data-color="teal"] {
      color: #0099a8; }
    .mixed-content__heading[data-color="yellow"] {
      color: #ffb718; }
    .mixed-content__heading[data-color="white"] {
      color: #ffffff; }
    .mixed-content__heading[data-color="dark-gray"] {
      color: #5d6166; }
    .mixed-content__heading[data-color="light-gray"] {
      color: #f0f0f0; }
    @media (min-width: 1026px) {
      .mixed-content__heading {
        font-size: 3.125rem;
        letter-spacing: -.025em; } }
  .mixed-content__snippet {
    color: #5d6166;
    font-size: 1.25rem; }
    .mixed-content__snippet[data-color="inverse"] {
      color: #ffffff; }
  .mixed-content__image {
    text-align: center; }
    @media (min-width: 1026px) {
      .mixed-content__image {
        text-align: right;
        margin-top: 16px !important; } }
  .mixed-content[data-position="left"] .mixed-content__image {
    order: -1; }
  @media (min-width: 769px) {
    .mixed-content[data-position="left"][data-layout="5050"] .mixed-content__container {
      margin: 0 -25px 0 0; } }
  @media (min-width: 769px) {
    .mixed-content[data-position="left"][data-layout="5050"] .mixed-content__image {
      margin: 0 50px 0 0; } }
  @media (min-width: 1026px) {
    .mixed-content[data-position="left"][data-layout="5050"] .mixed-content__image {
      margin: 0 100px 0 0; } }
  @media (min-width: 769px) {
    .mixed-content[data-layout="3070"] .mixed-content__container > *:first-child {
      width: calc(35% - 25px); }
    .mixed-content[data-layout="3070"] .mixed-content__container > *:last-child {
      width: calc(65% - 25px); } }
  @media (min-width: 769px) {
    .mixed-content[data-layout="7030"] .mixed-content__container > *:first-child {
      width: calc(65% - 25px); }
    .mixed-content[data-layout="7030"] .mixed-content__container > *:last-child {
      width: calc(35% - 25px); } }
  @media (min-width: 769px) {
    .mixed-content[data-layout="5050"] .mixed-content__container {
      margin: 0 0 0 -25px; } }
  @media (min-width: 769px) {
    .mixed-content[data-layout="5050"] .mixed-content__container > *:first-child {
      width: 50%; }
    .mixed-content[data-layout="5050"] .mixed-content__container > *:last-child {
      width: calc(50% - 100px); } }
  @media (min-width: 769px) {
    .mixed-content[data-layout="5050"] .mixed-content__image {
      margin: 0 0 0 50px; } }
  @media (min-width: 1026px) {
    .mixed-content[data-layout="5050"] .mixed-content__image {
      margin: 0 0 0 100px; } }

/*# sourceMappingURL=mixed_content.css.map */