@font-face {
      font-family: 'Campton Book';
      font-style: normal;
      font-weight: normal;
      src: local('Campton Book'), url('../fonts/CamptonBook.woff') format('woff');
    }

    @font-face {
        font-family: 'Intro';
        src: url('../fonts/Intro-Black.eot');
        src: url('../fonts/Intro-Black.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Intro-Black.woff2') format('woff2'),
            url('../fonts/Intro-Black.woff') format('woff'),
            url('../fonts/Intro-Black.ttf') format('truetype'),
            url('../fonts/Intro-Black.svg#Intro-Black') format('svg');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Intro';
        src: url('../fonts/Intro-Bold.eot');
        src: url('../fonts/Intro-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Intro-Bold.woff2') format('woff2'),
            url('../fonts/Intro-Bold.woff') format('woff'),
            url('../fonts/Intro-Bold.ttf') format('truetype'),
            url('../fonts/Intro-Bold.svg#Intro-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

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

    html, body {
      font-family:'Campton Book';
      line-height: 1.5;
      color: #333;
    }

    body {
        margin:0;
        padding:0;
        overflow-x: hidden;
    }

    img {
      width:100%;
    }

    h1, h2, h3, h4 {
      font-family: 'Intro';
      line-height: 1.1;
      letter-spacing: -0.03em;
      color:#074C85;
      margin:0 0 0.35em 0;
    }

    h1, h2, h3, h4, p {
      font-size: clamp(
        var(--fluid-type-min, 1rem),
        calc(1rem + var(--fluid-type-target, 3vw)),
        var(--fluid-type-max, 1.2rem)
      );
    }

    h1 {
      --fluid-type-min: 2.5rem;
      --fluid-type-max: 4.55rem;
      --fluid-type-target: 5vw;
    }

    h2 {
      --fluid-type-min: 1.8rem;
      --fluid-type-max: 2.0rem;
    }

    h3 {
      --fluid-type-min: 1.5rem;
      --fluid-type-max: 1.8rem;
    }

    h4 {
      --fluid-type-min: 1.2rem;
      --fluid-type-max: 1.5rem;
    }

    .subhead {
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color:#0C243E;
    }

    .tac {
      text-align:center;
    }

    .aic {
      align-items: center;
    }

    .blue1 {
      color: #074C85;
    }

    .blue2 {
      color: #0C243E;
    }

    .blue3 {
      color:#BDD5EA;
    }

    .pale {
      color:#F7F7FF;
    }

    .bright {
      color: #FE5F55;
    }

    .flxp {
      display:flex;
    }

    .flxc {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .flxsb {
      display: flex; justify-content:
      space-between; flex-wrap: wrap;
    }

    .flxw {
      display:flex; flex-wrap:wrap;
    }

    .jc {
      justify-content:center;
    }

    .aic {
      align-items: center;
    }

    .boxed {
        width:100%;
        max-width:1440px;
        padding:10px;
        margin:0 auto;
    }

    .wide {
        width:100%;
        padding-right:24px;
        padding-left:24px;
    }

    #site-header {
      position:fixed;
      width:100%;
      background:transparent;
      z-index:999999;
    }

    #site-header .boxed {
      display:flex;
      justify-content: space-between;
    }

    #site-header.scrolled {
      background:#ffffff;
      box-shadow: 0px 15px 30px 0px rgba(35, 35, 35, 0.1);
    }

    #head {
      display:inline-flex;
      align-items: center;
    }

    #branding {
      width:280px;
      height:44px;
      background-image:url('../images/dwm-revlogo.svg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 40px;
    }

    #site-header.scrolled #branding {
      background-image:url('../images/dwm-logo.svg');
    }

    button#toggle {
      background:transparent;
      border:none;
      z-index:200;
    }

    #toggle svg {
      width:40px;
    }

    #toggle svg .st0 {
      fill-rule:evenodd;
      clip-rule:evenodd;
      fill:#ffffff;
    }

    #site-header.scrolled #toggle svg .st0 {
      fill:#333333;
    }

    nav {
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      z-index:100;
      background:#ffffff;
      width:100%;
      height:100vh;
      display:none;
     }

     #main-nav {
       align-items: center;
       justify-content: center;
     }

     #site-header.open nav {
       display:flex;
     }

     #site-header.open #toggle svg .st0 {
       fill:#333333;
     }

     #site-header.open button#toggle {
       transform: rotate(90deg);
     }

    nav ul {
      display:inline-flex;
      flex-direction:column;
      padding-left:0;
    }

    nav ul li {
      list-style-type: none;
    }

    nav ul li a {
      font-family: 'Intro';
      font-size: 2em;
      color:#333333;
      text-decoration: none;
      position: relative;
      margin-bottom:1.2em;
    }

    #site-header.scrolled nav ul li a {
      color:#333333;
    }

    #site-header.scrolled nav ul li a:hover, nav ul li a:focus {
      color: #074C85;
    }

    nav ul li a::before, nav ul li a::after {
        position: absolute;
        width: 100%;
        height: 2px;
        background: currentColor;
        top: 100%;
        left: 0;
        pointer-events: none;
    }

    nav ul li a::before {
        content: '';
        transform-origin: 100% 50%;
        transform: scale3d(0, 1, 1);
        transition: transform 0.3s;
    }

    nav ul li a:hover::before, nav ul li a:focus::before {
        transform-origin: 0% 50%;
        transform: scale3d(1, 1, 1);
    }

    #hero {
      background: #0C243E;
      padding-top:60px;
      min-height:100vh;
      border-radius:0 0 2em 2em;
      display:flex;
      align-items: center;
    }

    #hero h1, #hero h2, #hero h3 {
      color:#FE5F55;
    }

    #hero p {
      color:#ffffff;
    }

    #hero img {
      width:80%;
      margin:0 auto 40px auto;
    }

    .grid2 img, .gridzrev2 img {
      margin-bottom:20px;
      display:flex;
      align-content: center;
    }

    .grid2, .gridzrev2 {
      width:100%;
      max-width:600px;
      margin:0 auto 64px auto;
    }

    .cta {
      background: #0C243E;
      background: linear-gradient(90deg, rgba(12,36,62,1) 0%, rgba(12,36,62,1) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    }

    .cta .boxed {
      background: #0C243E;
      padding: 40px 10px;
      display:flex;
      align-items: center;
      justify-content: center;
    }

    .cta:hover, .cta:focus {
      cursor:pointer;
    }

    .cta h3 {
      color: #FE5F55;
      margin-bottom:0;
    }

    a.cta-button{
      transition: all 0.3s ease;
      margin-top:20px;
      text-decoration: none;
    }

    a.cta-button .cta-text {
      color:#BDD5EA;
      text-transform: uppercase;
      margin-top:20px;
    }

    .cta:hover .cta-text {
      color: #f7f7FF;
      border-color: #e27b5b;
    }

    .arrow {
      width: 10%;
      transition: all 0.3s ease;
    }

    .cta:hover .arrow, .cta:focus .arrow {
      width: 20%;
    }

    .cta .arrow{
      margin-top: 1em;
      margin-right: 2em;
      border: 1px solid #fff;
      position: relative;
      background: #fff;
    }

    .cta .arrow .head,
    .cta .arrow .head:after {
      border: 1.5px solid #fff;
      border-radius: 2px;
      width: 8px;
      position: absolute;
      right: -5px;
      top: 2px;
      transform: rotate(-45deg);
    }

    .cta .arrow .head:after {
      content: "";
      border-color: #ffffff;
      right: -5px;
      top: -5px;
      transform: rotate(90deg);
    }

    footer {
      /* border-top:1px solid #999; */
      padding-top:40px;
      padding-bottom:0;
      text-align:center;
      background: #F7F7FF;
      margin-top:60px;
    }

    footer #top {
      align-items: center;
      margin-bottom:40px;
    }

    footer #foot img {
      width:280px;
    }

    footer #foot ul {
      display:flex;
      flex-direction:column;
      padding-left:0;
    }

    footer #foot ul li {
      list-style-type: none;
      margin-right:10px;
    }

    footer #foot ul li a {
      color:#333333;
      text-decoration:none;
      font-size:1.2em;
    }

    footer #foot ul li a:hover, footer #foot ul li a:focus {
      color:#074C85;
      text-decoration:underline;
    }

    footer #social svg {
      width:32px;
    }

    footer #social svg .fsm {
      fill:#074C85;
    }

    footer #social svg:hover .fsm {
      fill:#FE5F55;
    }

    footer #disclosure p {
      font-size: 0.9em;
      text-align:left;
    }

    footer #disclosure a, footer #disclosure a:visited {
      color:#074C85;
      text-decoration:underline;
    }

    @media (min-width: 540px) {
      .boxed {
        padding:20px;
      }
    }

    @media (min-width: 900px) {
      header {
        display:flex;
        justify-content: space-between;
      }

      #toggle {
        display:none;
      }

      nav {
        position:static;
        display:flex;
        background:transparent;
        width:auto;
        height:auto;
      }

      nav ul {
        flex-direction: row;
      }

      nav ul li a {
        color:#ffffff;
        margin-left:18px;
        font-size:1em;
        margin-bottom:0;
      }

      nav ul li a:hover, nav ul li a:focus {
        cursor:pointer;
        color:#F7F7FF;
      }

      .boxed {
        padding:40px;
      }

      a.brokercheck {
        color:#F7F7FF;
        text-decoration:none;
        padding-top:20px;
      }

      #site-header.scrolled a.brokercheck {
        color:#333333;
      }

      #site-header.scrolled a.brokercheck:hover, #site-header.scrolled a.brokercheck:focus, a.brokercheck:hover, a.brokercheck:focus {
        color: #FE5F55;
      }

      .cta .boxed {
        clip-path: polygon(0 0, 29% 0, 95% 0%, 100% 50%, 95% 100%, 31% 100%, 0 100%);
      }
    }

    @media (min-width: 1200px) {
      .tall {
        padding-top:60px;
        padding-bottom:60px;
      }
      
      .grid2 {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap:64px;
        max-width: 100%;
      }

      .gridzrev2 {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap:64px;
        grid-template-areas: "a b";
        max-width: 100%;
      }

      .gridzrev2 .right {
        grid-column: 2;
        grid-row: 1 / 2;
      }

      .gridzrev2 .left {
        grid-column: 1;
        grid-row: 1 / 2;
      }

      .grid2 img, .gridzrev2 img {
        margin:0;
        /* max-width: 100%; */
      }

      .grid3 {
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap:64px;
      }

      #hero {
        background-image:url('../images/shutterstock_1124884748.svg');
        background-repeat: no-repeat;
        background-position: right 7% center;
        background-size:75vh;
      }

      /* #hero img {
        display:none;
      } */

      footer {
        text-align:left;
      }

      footer #top {
        display:flex;
        justify-content: space-between;
        align-items: center;
      }

      footer #foot {
        display:flex;
        align-items:center;
      }

      footer #foot img {
        margin-right:40px;
      }

      footer #foot ul {
        display:inline-flex;
        flex-direction:row;
      }
    }

    @media (max-width: 1200px) {
      a.brokercheck {
        position:fixed;
        padding:10px 20px;
        bottom:0;
        left:0;
        width:100%;
        text-align: center;
        background:#0C243E;
        color:#F7F7FF;
        text-decoration: none;
      }

      a.brokercheck:hover, a.brokercheck:focus {
        background: #FE5F55;
        color:#F7F7FF;
      }
    }