Code Block

Typeface

Open Sans

Weights

We use 400, 600, and 800.

Page Name


        .page-name {
          font-family: 'Open Sans';
          font-size: 1.75rem; 
          font-weight: 400;
          color: #791E75;
          line-height: 2.375rem;
        }

Header 1


        .wt-h1 {
          font-family: 'Open Sans';
          font-size: 3.375rem; 
          font-weight: 800;
          color: #013757;
          line-height: 3.125rem;
        }
        
        @media all and (max-width: 576px) {
            .wt-h1 {
              font-size: 2.625rem;
              line-height: 2.438rem;
             }
        }

Header 2


        .wt-h2 {
            font-family: 'Open Sans';
            font-size: 2.625rem;
            font-weight: 800;
            color: #013757;
        }
        
        @media all and (max-width: 576px) {
            .wt-h2 {
              font-size: 2.125rem; 
            }
        }

Subhead


        .wt-subhead {
            font-family: 'Open Sans';
            font-size: 1.313rem;
            font-weight: 400;
            color: #013757;
        }

Header 4


        .wt-h4 {
            font-family: 'Open Sans';
            font-size: 1rem;
            font-weight: 600;
            color: #013757;
            line-height: 1.375rem;
        }

Body


        p {
            font-family: 'Open Sans';
            font-size: 1rem;
            font-weight: 400;
            color: #4d4d4f;
            line-height: 1.375rem;
        }

Copy Links


        a {
            font-family: 'Open Sans';
            font-size: 1rem;
            font-weight: 600;
            color: #013757;
            line-height: 1.375rem;
            text-decoration: underline;
        }
        
        a:hover {
            color: #00549f;
        }