.ruler-horizontal {
  background: linear-gradient(to bottom, #ff9191, #ff9191 50%, #ffffff 50%, #ffffff);
  background-size: 100% 4rem; }

.ruler-vertical {
  background: repeating-linear-gradient(to right, #f6ba52, #f6ba52 2rem, #ffffff 2rem, #ffffff 4rem); }

.preheader, .callout-block__preheader, .has-preheader-font-size {
  font-size: 1.4rem;
  font-family: "nordmedia_sansregular";
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  position: relative;
  display: inline-block; }
  .preheader--white, .has-preheader-font-size--white {
    color: rgba(255, 255, 255, 0.6); }
  .preheader__border, .has-preheader-font-size__border {
    width: 4rem;
    height: 0.1rem;
    display: inline-block;
    position: absolute;
    right: -1rem;
    top: 50%;
    transform: translate(100%, -50%); }

.callout-block {
  padding: 10.75648rem 0;
  position: relative;
  margin-bottom: 5.488rem; }
  .callout-block:last-child {
    margin-bottom: 0; }
  .callout-block__bg {
    background-color: #FFF2DA;
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: -1; }
  .callout-block__body {
    max-width: 70rem; }
  .callout-block__inner {
    display: flex;
    align-items: center; }
  .callout-block__title {
    color: #00976B; }
  .callout-block__link {
    margin-top: 3.92rem; }
  .callout-block__image__wrapper {
    margin-left: auto; }