index-main/assets/css/components/_text.scss

[data-template="package"] .page__content,
.main__single .page__content,
#investigation__content {
  font-size: var(--fs-text);

  p,
  li,
  ul {
    font-size: var(--fs-text);
  }

  h3,
  h4,
  h5 {
    font-weight: 500;
    max-width: var(--max-w-content);
    margin-inline: auto;
  }

  h3 {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: 1.45em;
    text-transform: uppercase;
  }

  h4 {
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 1.5);
    font-size: 1.2em;
    text-transform: uppercase;
  }

  h5 {
    margin-top: calc(var(--spacing) * 1.5);
    margin-bottom: calc(var(--spacing) * 1);
    font-size: 1.2em;
    text-decoration: 1px underline var(--grey-600);
    text-underline-offset: 5px;
  }

  p {
    margin: calc(var(--spacing) * 0.75) 0;
  }

  ul {
    padding-left: 3ch;

    li {
      margin: calc(var(--spacing) * 0.5) 0;
    }
  }

  video,
  figure,
  img:not(.slider-before-after img),
  picture {
    width: 100%;
    height: auto;
  }

  .insert {
    max-width: var(--max-w-cards);
    margin-inline: auto;
    border: 1px solid var(--grey-600);
    padding: calc(var(--padding-inner) * 3);
    @media #{$small} {
      padding: calc(var(--padding-inner) * 1);
    }
    background-color: var(--grey-800);

    .insert--inner {
      max-width: var(--max-w-content);
      margin-inline: auto;
    }

    h3,
    h4,
    h5 {
      margin-top: 0;
      @media #{$small} {
        margin-top: calc(var(--spacing) * 0.5);
        margin-bottom: calc(var(--spacing) * 0.75);
      }
    }
  }

  & > .insert,
  & > .swiper,
  & > .slider-before-after,
  & > figure {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
    & + .caption {
      margin-top: calc(var(--spacing) * -1.5) !important;
    }
  }
}