@import url("https://fonts.googleapis.com/css?family=Sarabun:200,300,400,600,700,800&display=swap");
.custom-content {
  padding: 50px 0; }
  @media (min-width: 1026px) {
    .custom-content {
      padding: 75px 0; } }
  @media (min-width: 769px) {
    .custom-content__grid {
      display: grid;
      -moz-column-gap: 30px;
           column-gap: 30px; } }
  @media (min-width: 769px) {
    .custom-content__grid[data-layout="50"] {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 769px) {
    .custom-content__grid[data-layout="33"] {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 769px) {
    .custom-content__grid[data-layout="25"] {
      grid-template-columns: repeat(4, 1fr); } }
  @media (min-width: 769px) {
    .custom-content__grid[data-layout="6040"] {
      grid-template-columns: 60% 40%; } }
  @media (min-width: 769px) {
    .custom-content__grid[data-layout="4060"] {
      grid-template-columns: 40% 60%; } }
  @media (min-width: 769px) {
    .custom-content__grid[data-layout="7030"] {
      grid-template-columns: 70% 30%; } }
  @media (min-width: 769px) {
    .custom-content__grid[data-layout="3070"] {
      grid-template-columns: 30% 70%; } }
  .custom-content h2 {
    margin-top: 0; }
  .custom-content .block p:last-child {
    margin-bottom: 0; }

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