html {
          line-height: 1.15;
          -ms-text-size-adjust: 100%;
          -webkit-text-size-adjust: 100%
      }

      body {
          margin: 0;
          background-color: white
      }

      html {
          font-family:
              /* @font-family */
              "DuNordMacbaLt"
              /* @font-family */
          ;
          font-size: 100%;
          font-weight: 400;
          -webkit-font-smoothing: antialiased
      }

      p.expanded {
          line-height: 1.5rem;
          margin-top: 1.5rem;
          margin-bottom: 0;
          font-family: "DuNordMacbaLt";
          font-size: 20px;
      }

      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
          font-family:
              /* @font-family */
              "DuNordMacbaLt"
              /* @font-family */
          ;
          font-weight: 400;
          margin-top: 1.5rem;
          margin-bottom: 0;
          line-height: 1.5rem
      }

      .h1,
      h1 {
          font-size: 3.6rem;
          line-height: 4.5rem;
          margin-top: 3rem;
          text-align: center;
          font-family: DuNordMacba;
      }

      .h2,
      h2 {
          font-size: 2.4rem;
          line-height: 3rem;
          margin-top: 3rem
      }

      .h3,
      h3 {
          font-size: 1.2rem
      }

      .h4,
      h4 {
          font-size: 0.6rem
      }

      .h5,
      h5 {
          font-size: 0.4rem
      }

      .h6,
      h6 {
          font-size: 0.3rem
      }

      .hug {
          margin-top: 0
      }

      .container {
          max-width: 45rem;
          margin: 0 auto;
          padding: 0 1.5rem
      }

      @media (min-width:768px) {
          .container--medium {
              max-width: 90rem
          }

          .container--large {
              max-width: 120rem
          }
      }

      *,
      :after,
      :before {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box
      }

      @media (max-width:767px) {
          html {
              font-size: 12px
          }
      }

      @media (min-width:768px) and (max-width:1199px) {
          html {
              font-size: 14px
          }
      }

      .main {
          background:
              /* @html-background-color */
              #FFFFFF
              /* @html-background-color */
          ;
          padding: 4.5rem 0
      }

      .box {
          -webkit-box-shadow: 0 1.5rem 3rem -0.25rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 1.5rem 3rem -0.25rem rgba(0, 0, 0, 0.25)
      }

      .box__image img {
          display: block;
          width: 100%
      }

      .box__content {
          color:
              /* @box-text-color */
              #000000
              /* @box-text-color */
          ;
          padding: 3rem
      }