[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; } } }