@font-face
    {
        font-family:'ccc-bold';
        src: url('/resources/fonts/OpenSans/OpenSans-Bold.ttf'), url('/resources/fonts/OpenSans/OpenSans-Bold.woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face
    {
        font-family:'ccc-regular';
        src: url('/resources/fonts/OpenSans/OpenSans-Regular.ttf'), url('/resources/fonts/OpenSans/OpenSans-Regular.woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face
    {
        font-family:'ccc-thin';
        src: url('/resources/fonts/OpenSans/OpenSans-Regular.ttf'), url('/resources/fonts/OpenSans/OpenSans-Regular.woff');
        font-weight: normal;
        font-style: normal;
    }


    @font-face
    {
        font-family:'ccc-display-bold';
        src: url('/resources/fonts/Montserrat/Montserrat-Bold.ttf'), url('/resources/fonts/Montserrat/Montserrat-Bold.woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face
    {
        font-family:'ccc-display-regular';
        src: url('/resources/fonts/Montserrat/Montserrat-Regular.ttf'), url('/resources/fonts/Montserrat/Montserrat-Regular.woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face
    {
        font-family:'ccc-display-thin';
        src: url('/resources/fonts/Montserrat/Montserrat-Regular.ttf'), url('/resources/fonts/Montserrat/Montserrat-Regular.woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family:'ccc-raleway-bold';
        src: url('/resources/fonts/raleway/fonts/raleway-bold/Raleway-Bold.ttf'), url('/resources/fonts/raleway/fonts/raleway-bold/Raleway-Bold.woff'), url('/resources/fonts/raleway/fonts/raleway-bold/Raleway-Bold.woff2');
        font-weight: normal;
        font-style: normal;
    }
    @font-face
    {
        font-family:'ccc-raleway-regular';
        src: url('/resources/fonts/raleway/fonts/raleway-regular/Raleway-Regular.ttf'), url('/resources/fonts/raleway/fonts/raleway-regular/Raleway-Regular.woff'), url('/resources/fonts/raleway/fonts/raleway-regular/Raleway-Regular.woff2');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family:'ccc-oswald-bold';
        src: url('/resources/fonts/Oswald/fonts/Oswald-700/Oswald-700.ttf'), url('/resources/fonts/Oswald/fonts/Oswald-700/Oswald-700.woff'), url('/resources/fonts/Oswald/fonts/Oswald-700/Oswald-700.woff2');
        font-weight: normal;
        font-style: normal;
    }
    @font-face
    {
        font-family:'ccc-oswald-regular';
        src: url('/resources/fonts/Oswald/fonts/Oswald-regular/Oswald-regular.ttf'), url('/resources/fonts/Oswald/fonts/Oswald-regular/Oswald-regular.woff'), url('/resources/fonts/Oswald/fonts/Oswald-regular/Oswald-regular.woff2');
        font-weight: normal;
        font-style: normal;
    }
    @font-face
    {
        font-family:'ccc-oswald-thin';
        src: url('/resources/fonts/Oswald/fonts/Oswald-300/Oswald-300.ttf'), url('/resources/fonts/Oswald/fonts/Oswald-300/Oswald-300.woff'), url('/resources/fonts/Oswald/fonts/Oswald-300/Oswald-300.woff2');
        font-weight: normal;
        font-style: normal;
    }

    /* Headings */
    h1, h2, h3, h4, h5, h6
    {

        font-family: ccc-regular;
        margin:45px 0px 10px 0px !important;
        padding:0px 0px 0px 0px !important;
        color:#444 !important;
        
    }
    h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6
    {

        margin-top:25px !important;
        padding-top:0px !important;
    }

    h1
    {

        font-size:34.48px;
    }
    /*h2{font-size:31.28px;}*/
    /*h3{font-size:27.989px;}*/
    /*h4{font-size:24.219px;}*/
    /*h5{font-size:21px;}*/
    /*h6{font-size:18px;}*/

    h1{font-size:34.48px;margin-top:45px !important;}
    h2{font-size:31.28px;margin-top:48px !important;}
    h3{font-size:27.989px;margin-top:52px !important;}
    h4{font-size:24.219px;margin-top:56px !important;}
    h5{font-size:21px;margin-top:59px !important;}
    h6{font-size:18px;margin-top:63px !important;}

    /* copy */
    body
    {
        font-size:18px;
        font-family: ccc-regular;
        word-spacing: 0.15em;
    }

    p{margin-bottom:20px;}

    ul, ol
    {
        margin-left:0px;
        margin-bottom:20px;
        padding-left:22px !important;
    }
    .ul, .ol, .dl
    {
        margin-bottom:20px !important;
    }
    li
    {
        margin-left:0px;
        padding-left:0px;
    }

    a{color:#31708f;}
    p a, li > a, td > a, dd > a, dt > a{text-decoration: underline !important;}
    dl > dd + dt{margin-top:20px !important;}
    
    figure
    {
        border:1px solid #ddd;
        padding:15px !important;
        margin-bottom:20px !important;
    }

    figure > figcaption
    {
        color:#444 !important;
        background-color: #eee;
        padding:15px !important;
        border-radius: 4px;
        border-top:1px solid #ddd;
        margin-left:-15px;
        margin-right:-15px;
        margin-bottom:-15px;
        font-size:14px !important;
    }

    dl.stagger > dt, dl.stagger > dd
    {
        display:block !important;
        clear:both;
    }
    dl.stagger > dd
    {
        padding-left:20px !important;
    }
    dl > dd > dl > dt
    {
        font-weight: normal !important;
    }
    
    .impact-xl, h1.impact-xl, h2.impact-xl, h3.impact-xl, h4.impact-xl, h5.impact-xl, h6.impact-xl, dt.impact-xl{font-size:46px !important;}
    .impact-lg, h1.impact-lg, h2.impact-lg, h3.impact-lg, h4.impact-lg, h5.impact-lg, h6.impact-lg, dt.impact-lg{font-size:38.48px !important;}
    .impact-md, h1.impact-md, h2.impact-md, h3.impact-md, h4.impact-md, h5.impact-md, h6.impact-md, dt.impact-md{font-size:29.989px !important;}
    .impact-sm, h1.impact-sm, h2.impact-sm, h3.impact-sm, h4.impact-sm, h5.impact-sm, h6.impact-sm, dt.impact-sm{font-size:23px !important;}
    .impact-xs, h1.impact-xs, h2.impact-xs, h3.impact-xs, h4.impact-xs, h5.impact-xs, h6.impact-xs, dt.impact-xs{font-size:18px !important;}

    .center-text, .center-text-lg, .center-text h1, .center-text h2, .center-text h3, .center-text h4, .center-text h5, .center-text h6, .center-text p{text-align: center;}
    .left-text, .left-text-lg, .left-text h1, .left-text h2, .left-text h3, .left-text h4, .left-text h5, .left-text h6, .left-text p{text-align: left;}
    .right-text, .right-text-lg, .right-text h1, .right-text h2, .right-text h3, .right-text h4, .right-text h5, .right-text h6, .right-text p{text-align: right;}

    /* xs */
    @media(max-width:576px)
    {
        .center-text-xs, .center-text-xs h1, .center-text-xs h2, .center-text-xs h3, .center-text-xs h4, .center-text-xs h5, .center-text-xs h6, .center-text-xs p{text-align: center;}
        .left-text-xs, .left-text-xs h1, .left-text-xs h2, .left-text-xs h3, .left-text-xs h4, .left-text-xs h5, .left-text-xs h6, .left-text-xs p{text-align: left;}
        .right-text-xs, .right-text-xs h1, .right-text-xs h2, .right-text-xs h3, .right-text-xs h4, .right-text-xs h5, .right-text-xs h6, .right-text-xs p{text-align: right;}
    }

    /* sm */
    @media(max-width:768px)
    {
        .center-text-sm, .center-text-sm h1, .center-text-sm h2, .center-text-sm h3, .center-text-sm h4, .center-text-sm h5, .center-text-sm h6, .center-text-sm p{text-align: center;}
        .left-text-sm, .left-text-sm h1, .left-text-sm h2, .left-text-sm h3, .left-text-sm h4, .left-text-sm h5, .left-text-sm h6, .left-text-sm p{text-align: left;}
        .right-text-sm, .right-text-sm h1, .right-text-sm h2, .right-text-sm h3, .right-text-sm h4, .right-text-sm h5, .right-text-sm h6, .right-text-sm p{text-align: right;}
    }

    /* md */
    @media(max-width:992px)
    {
        .center-text-md, .center-text-md h1, .center-text-md h2, .center-text-md h3, .center-text-md h4, .center-text-md h5, .center-text-md h6, .center-text-md p{text-align: center;}
        .left-text-md, .left-text-md h1, .left-text-md h2, .left-text-md h3, .left-text-md h4, .left-text-md h5, .left-text-md h6, .left-text-md p{text-align: left;}
        .right-text-md, .right-text-md h1, .right-text-md h2, .right-text-md h3, .right-text-md h4, .right-text-md h5, .right-text-md h6, .right-text-md p{text-align: right;}
    }

    
    .accent-text-white, .accent-text-white:before, .accent-text-white:after, .accent-text-before-white:before, .accent-text-after-white:after, h1.accent-text-white, h2.accent-text-white, h3.accent-text-white, h4.accent-text-white, h5.accent-text-white, h6.accent-text-white, dt.accent-text-white, .accent-text-white h1, .accent-text-white h2, .accent-text-white h3, .accent-text-white h4, .accent-text-white h5, .accent-text-white h6, .accent-text-white a, .accent-text-white *{color:#fff !important;}
    .accent-text-gold, .accent-text-gold:before, .accent-text-gold:after, .accent-text-before-gold:before, .accent-text-after-gold:after, h1.accent-text-gold, h2.accent-text-gold, h3.accent-text-gold, h4.accent-text-gold, h5.accent-text-gold, h6.accent-text-gold, dt.accent-text-gold, .accent-text-gold h1, .accent-text-gold h2, .accent-text-gold h3, .accent-text-gold h4, .accent-text-gold h5, .accent-text-gold h6, .accent-text-gold a, .accent-text-gold *{color:#c17c1f !important;}
    .accent-text-yellow, .accent-text-yellow:before, .accent-text-yellow:after, .accent-text-before-yellow:before, .accent-text-after-yellow:after, h1.accent-text-yellow, h2.accent-text-yellow, h3.accent-text-yellow, h4.accent-text-yellow, h5.accent-text-yellow, h6.accent-text-yellow, dt.accent-text-yellow, .accent-text-yellow h1, .accent-text-yellow h2, .accent-text-yellow h3, .accent-text-yellow h4, .accent-text-yellow h5, .accent-text-yellow h6, .accent-text-yellow a, .accent-text-yellow *{color:#f9d034 !important;}
    .accent-text-blue, .accent-text-blue:before, .accent-text-blue:after, .accent-text-before-blue:before, .accent-text-after-blue:after, h1.accent-text-blue, h2.accent-text-blue, h3.accent-text-blue, h4.accent-text-blue, h5.accent-text-blue, h6.accent-text-blue, dt.accent-text-blue, .accent-text-blue h1, .accent-text-blue h2, .accent-text-blue h3, .accent-text-blue h4, .accent-text-blue h5, .accent-text-blue h6, .accent-text-blue a, .accent-text-blue *{color:#266a88 !important;}
    .accent-text-green, .accent-text-green:before, .accent-text-green:after, .accent-text-before-green:before, .accent-text-after-green:after, h1.accent-text-green, h2.accent-text-green, h3.accent-text-green, h4.accent-text-green, h5.accent-text-green, h6.accent-text-green, dt.accent-text-green, .accent-text-green h1, .accent-text-green h2, .accent-text-green h3, .accent-text-green h4, .accent-text-green h5, .accent-text-green h6, .accent-text-green a, .accent-text-green *{color:#74a023 !important;}
    .accent-text-gray, .accent-text-gray:before, .accent-text-gray:after, .accent-text-before-gray:before, .accent-text-after-gray:after, h1.accent-text-gray, h2.accent-text-gray, h3.accent-text-gray, h4.accent-text-gray, h5.accent-text-gray, h6.accent-text-gray, dt.accent-text-gray, .accent-text-gray h1, .accent-text-gray h2, .accent-text-gray h3, .accent-text-gray h4, .accent-text-gray h5, .accent-text-gray h6, .accent-text-gray a, .accent-text-gray *{color:#555 !important;}
    
    .strong{font-family: ccc-bold !important;font-weight: normal !important;}
    .regular{font-family: ccc-regular !important;font-weight: normal !important;}
    .thin{font-family: ccc-thin !important;font-weight: normal !important;}

    .oswald-strong{font-family: ccc-oswald-bold !important;font-weight: normal !important;}
    .oswald-regular{font-family: ccc-oswald-regular !important;font-weight: normal !important;}
    .oswald-thin{font-family: ccc-oswald-thin !important;font-weight: normal !important;}