<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    --color-primary-200: #f5f1e4;
    --color-primary-300: #F3EED9;
    --color-primary-400: #824936;
    --color-neutral-100: #FFF;
    --color-neutral-900: #222C2A;
    --color-coreteal: rgb(34, 88, 112);
    --color-corepurple: #6d5374;
    --color-coresara: #548aa5;
    --color-corewheat: #F5DEB3;
    --ff-primary: "Roboto", sans-serif;
    --ff-accent: "Playfair Display", serif;
}

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

html {
    height: 100%;
}

body {
    font-family: var(--ff-primary);
    /*font-weight: 400;*/
    font-weight: 300;
    font-size: 1.3125rem;
    /*font-size: clamp(1rem, 1.3125rem, 1.4rem);*/
    min-height: 100%;
    line-height: 1.6;
    background-image: url("abc");
    display: flex;
    flex-direction: column;
}



body,
h1,
h2,
h3,
p {
    margin: 0;
}


h3 {
    font-size: clamp(1rem, 1.25vw, 1.4rem);
}

p {
    font-size: 16px;
}

h1 {
    font-size: clamp(2rem, 2.5vw, 2.4rem);
}

h2 {
    font-size: clamp(1.4rem, 1.8vw, 2rem);
}

h1,
h2,
h3 {
    color: var(--clr-primary-400);
    /*font-family: var(--ff-accent);*/
    font-family: var(--ff-primary);
    font-weight: 600;
    line-height: 1;
}

h2,
h3,
p {
    margin-bottom: 1em;
}

img {
    display: block;
    max-width: 100%;
}

.imgIcon64 {
    width: 64px;
    height: 64px;
}

.imgIcon32 {
    width: 32px;
    height: 32px;
}

.imgIcon128 {
    width: 128px;
    height: 128px;
}
/*Table Formatting*/
td.section20 {
    width: 20%;
    vertical-align: top;
    padding: 0.1rem;
}

td.section15 {
    width: 15%;
    vertical-align: top;
    padding: 0.1rem;
}

td.section5 {
    width: 5%;
    vertical-align: top;
    padding: 0.1rem;
}

td.section2 {
    width: 2%;
    vertical-align: top;
    padding: 0.1rem;
}

td.section10 {
    width: 10%;
    vertical-align: top;
    padding: 0.1rem;
}

td.leftthumbnail {
    vertical-align: middle;
    width: 10%;
    padding-right: 1rem;
    border: none;
}

td.rightthumbnail {
    vertical-align: middle;
    width: 5rem;
    padding-left: 1rem;
    border: none;
}

td.normal {
    vertical-align: middle;
    padding: 0.0625rem;
    border: none;
}
/*Embedded Youtube Videos*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /*height: 50vh;*/
        height: clamp(30vh, 40vh, 50vh);
        /*min-height:30vh;
        max-height:50vh;*/
    }


/*LINKS STYLES*/
/*All links not specifically styled*/
a.default {
    display: inline-block;
    text-decoration: none;
}

    a.default:link {
        color: inherit;
    }

    a.default:visited {
        color: inherit;
    }

    a.default:hover {
        text-decoration: underline;
        font-size: 115%;
    }

a.brightlink {
    display: inline-block;
    text-decoration: none;
}

    a.brightlink:link {
        color: yellow;
    }

    a.brightlink:visited {
        color: yellow;
    }

    a.brightlink:hover {
        color: deepskyblue;
        text-decoration: underline;
    }

    a.brightlink:active {
        color: blue;
    }


a.deepskybluelink {
    display: inline-block;
    text-decoration: none;
}

    a.deepskybluelink:link {
        color: deepskyblue;
    }

    a.deepskybluelink:visited {
        color: deepskyblue;
    }

    a.deepskybluelink:hover {
        text-decoration: underline;
        font-size: 115%;
    }

    a.deepskybluelink:active {
        color: red;
    }

a.maroonlink {
    display: inline-block;
    text-decoration: none;
}

    a.maroonlink:link {
        /*color: maroon;*/
        color: rgb(151, 69, 69);
    }

    a.maroonlink:visited {
        color: maroon;
    }

    a.maroonlink:hover {
        text-decoration: underline;
        font-size: 115%;
    }

    a.maroonlink:active {
        color: red;
    }

figcaption {
    font-size: 14px;
    font-weight: 600;
    padding: 2px;
    text-align: center;
}

.yellowlink {
    display: inline-block;
    text-decoration: none;
    color: yellow;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.lineheight11 {
    line-height: 1.1;
}

.lineheight12 {
    line-height: 1.2;
}

.lineheight13 {
    line-height: 1.3;
}


.text-center {
    text-align: center;
}

.text-small {
    font-size: .9em;
}

.text-verysmall {
    font-size: .8em;
}


section {
    padding: 1rem 0 1rem;
    /*   @media (min-width: 40em) {
        header,
        section {
            padding: 7rem 0;
        }
    }*/
}

.section p {
    font-size: 16px;
}

.bigtop {
    padding: 4.2rem 0 1rem;
}

.container {
    margin-inline: auto;
    width: min(90%, 70.5rem);
    padding: 5px;

}

.container2 {
    margin-inline: auto;
    width: min(90%, 180.5rem);
}

.container90 {
    margin-inline: auto;
    width: min(90%, 180.5rem);
}

.split {
    display: flex;
    flex-direction: column;
}
.split2 {
    display: flex;
    flex-direction: column;
}

.width30 {
   width: 30%;
   padding: 50px;
}
.width70 {
    width: 70%;
    padding: 50px;
}

.narrowfirstcolumn {
    display: flex;
    flex: 5% auto;
}

.narrow2ndcolumn {
    flex: 1;
}


@media (min-width: 40em) {
    .split {
        flex-direction: row;
    }

        .split &gt; * {
            flex-basis: 100%;
        }

            .split &gt; * + * {
                margin-left: 2em;
            }
}

.container--narrow {
    max-width: 34rem;
}

.container--midwidth {
    margin-inline: auto;
    width: min(90%, 60.5rem);
}

.bg-light {
    background-color: var(--clr-primary-300);
}

.bg-primary {
    color: var(--clr-neutral-100);
    background-color: var(--clr-primary-400);
}

.bg-neardark {
    color: var(--color-neutral-100);
    background-color: var(--color-primary-400);
}

.bg-teal {
    background-color: teal;
    color: var(--color-neutral-100);
}

.bg-wheat {
    background-color: wheat;
    color: var(--clr-neutral-900);
}

.bg-seashell {
    background-color: seashell;
    color: var(--clr-neutral-900);
}


.bg-core {
    color: var(--color-neutral-100);
    background-color: var(--color-corepurple);
    font-weight: 100;
}

.bg-sarah {
    color: var(--color-neutral-100);
    /*background-color: var(--color-coresara);*/
    background-color: rgb(34, 88, 112);
    font-weight: 100;
    padding:inherit;
}

.bg-sand {
    color: var(--clr-neutral-900);
    background-color: var(--color-primary-300);
}

.bg-white {
    color: black;
    background-color: whitesmoke;
}

.bg-blackish {
    color: white;
    background-color: #27312f;
    line-height: 1.1;
}

.bg-lavender {
    color: black;
    background-color: lavenderblush;
}

.bg-alice {
    color: black;
    background-color: aliceblue;
}

.bg-lightsteel {
    color: black;
    background-color: lightsteelblue;
}

.bg-steel {
    color: white;
    background-color: steelblue;
    line-height: 1.1;
}


.bg-primary h2,
.bg-dark h2 {
    color: var(--clr-primary-200);
}

/* MENU CSS */
/* MENU CSS */
/* MENU CSS */
/* MENU CSS */
/* MENU CSS */
/* MENU CSS */
/* MENU CSS */
/* Company Logo Area*/
.companylogo {
    color: var(--color-neutral-100);
    /*background-color: var(--color-corepurple);*/
    padding: 0;
}

.companylogoimg {
    width: 32px;
    height: 32px;
    float: left;
    position: relative;
    user-select: none;
}

.iconleft {
    width: 16px;
    /*height: 16px;*/
    float: left;
    padding: 0 0 0 0;
    margin-right: 4px;
    user-select: none;
}
.imgleft {
    /*width: 16px;*/
    /*height: 16px;*/
    float: left;
    padding: 0 0 0 0;
    margin-right: 4px;
    user-select: none;
}


.footercompanylogoimg {
    width: 32px;
    height: 32px;
    /*float: left;*/
}

/* default header */

/* header */

.header {
    background-color: var(--color-corepurple);
    /*background-color: #fff;*/
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position: fixed;
    font-size: 1rem;
    line-height: 1.1;
    width: 100%;
    z-index: 3;
}

    .header span .companylogo {
        font-size: 12px;
        line-height: 1;
        padding: 0;
    }

    .header a {
        /*color: #000;*/
        color: var(--color-neutral-100);
        background-color: var(--color-corepurple);
    }


    .header ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: #fff;
    }

    .header li a {
        display: block;
        /*padding: 20px 20px;*/
        /*This is the padding in the BURGER menu*/
        padding: 10px 20px;
        /*Added Font-Size so more items would fit in Burger Menu*/
        font-size: 14px;
        border-right: 1px solid #f4f4f4;
        text-decoration: none;
    }

        .header li a:hover,
        .header .menu-btn:hover {
            background-color: azure;
            color: black;
        }

    .header .logo {
        display: block;
        float: right;
        font-size: 2em;
        padding: 10px 20px;
        text-decoration: none;
    }

    /* header menu */

    .header .menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }

    /* menu icon */

    .header .menu-icon {
        cursor: pointer;
        /*float: right;*/
        float: left;
        padding: 28px 20px;
        position: relative;
        user-select: none;
    }

        .header .menu-icon .nav-icon {
            /*background: #333;*/
            background: #fff;
            display: block;
            height: 2px;
            position: relative;
            transition: background .2s ease-out;
            width: 18px;
        }

            .header .menu-icon .nav-icon:hover {
                background: azure;
                color: black;
            }


            .header .menu-icon .nav-icon:before,
            .header .menu-icon .nav-icon:after {
                /*background: #333;*/
                background: #fff;
                content: '';
                display: block;
                height: 100%;
                position: absolute;
                transition: all .2s ease-out;
                width: 100%;
            }

            .header .menu-icon .nav-icon:before {
                top: 5px;
            }

            .header .menu-icon .nav-icon:after {
                top: -5px;
            }

    /* header menu btn */

    .header .menu-btn {
        display: none;
    }

        .header .menu-btn:checked ~ .menu {
            max-height: 240px;
        }

        .header .menu-btn:checked ~ .menu-icon .nav-icon {
            background: transparent;
        }

            .header .menu-btn:checked ~ .menu-icon .nav-icon:before {
                transform: rotate(-45deg);
                top: 0;
            }

            .header .menu-btn:checked ~ .menu-icon .nav-icon:after {
                transform: rotate(45deg);
                top: 0;
            }


/* header 58em = 768px @ 16pt font */

@media (min-width: 58em) {
    .header li {
        float: right;
    }

        .header li a {
            /* padding: 20px 30px;*/
            padding: 20px 30px;
        }

    .header .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    .header .menu-icon {
        display: none;
    }
}

/* End header*/

/* headerteal */

.headerteal {
    /*background-color: var(--color-corepurple);*/
    background-color: var(--color-coreteal);
    /*background-color: #fff;*/
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position: fixed;
    font-size: 1rem;
    line-height: 1.1;
    width: 100%;
    z-index: 3;
}

    .headerteal span .companylogo {
        font-size: 12px;
        line-height: 1;
        padding: 0;
    }

    .headerteal a {
        /*color: #000;*/
        color: var(--color-neutral-100);
        /*background-color: var(--color-corepurple);*/
        background-color: var(--color-coreteal);
    }


    .headerteal ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: #fff;
    }

    .headerteal li a {
        display: block;
        /*padding: 20px 20px;*/
        /*This is the padding in the BURGER menu*/
        padding: 10px 20px;
        /*Added Font-Size so more items would fit in Burger Menu*/
        font-size: 14px;
        border-right: 1px solid #f4f4f4;
        text-decoration: none;
    }

        .headerteal li a:hover,
        .headerteal .menu-btn:hover {
            background-color: azure;
            color: black;
        }

    .headerteal .logo {
        display: block;
        float: right;
        font-size: 2em;
        padding: 10px 20px;
        text-decoration: none;
    }

    /* headerteal menu */

    .headerteal .menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }

    /* menu icon */

    .headerteal .menu-icon {
        cursor: pointer;
        /*float: right;*/
        float: left;
        padding: 28px 20px;
        position: relative;
        user-select: none;
    }

        .headerteal .menu-icon .nav-icon {
            /*background: #333;*/
            background: #fff;
            display: block;
            height: 2px;
            position: relative;
            transition: background .2s ease-out;
            width: 18px;
        }

            .headerteal .menu-icon .nav-icon:hover {
                background: azure;
                color: black;
            }


            .headerteal .menu-icon .nav-icon:before,
            .headerteal .menu-icon .nav-icon:after {
                /*background: #333;*/
                background: #fff;
                content: '';
                display: block;
                height: 100%;
                position: absolute;
                transition: all .2s ease-out;
                width: 100%;
            }

            .headerteal .menu-icon .nav-icon:before {
                top: 5px;
            }

            .headerteal .menu-icon .nav-icon:after {
                top: -5px;
            }

    /* headerteal menu btn */

    .headerteal .menu-btn {
        display: none;
    }

        .headerteal .menu-btn:checked ~ .menu {
            max-height: 240px;
        }

        .headerteal .menu-btn:checked ~ .menu-icon .nav-icon {
            background: transparent;
        }

            .headerteal .menu-btn:checked ~ .menu-icon .nav-icon:before {
                transform: rotate(-45deg);
                top: 0;
            }

            .headerteal .menu-btn:checked ~ .menu-icon .nav-icon:after {
                transform: rotate(45deg);
                top: 0;
            }


/* headerteal 58em = 768px @ 16pt font */

@media (min-width: 58em) {
    .headerteal li {
        float: right;
    }

        .headerteal li a {
            /* padding: 20px 30px;*/
            padding: 20px 30px;
        }

    .headerteal .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    .headerteal .menu-icon {
        display: none;
    }
}

/* End headerteal*/

/* headercore */

.headercore {
    background-color: var(--color-corepurple);
    /*background-color: var(--color-coreteal);*/
    /*background-color: #fff;*/
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position: fixed;
    font-size: 1rem;
    line-height: 1.1;
    width: 100%;
    z-index: 3;
}

    .headercore span .companylogo {
        font-size: 12px;
        line-height: 1;
        padding: 0;
    }

    .headercore a {
        /*color: #000;*/
        color: var(--color-neutral-100);
        background-color: var(--color-corepurple);
        /*background-color: var(--color-coreteal);*/
    }


    .headercore ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: #fff;
    }

    .headercore li a {
        display: block;
        /*padding: 20px 20px;*/
        /*This is the padding in the BURGER menu*/
        padding: 10px 20px;
        /*Added Font-Size so more items would fit in Burger Menu*/
        font-size: 14px;
        border-right: 1px solid #f4f4f4;
        text-decoration: none;
    }

        .headercore li a:hover,
        .headercore .menu-btn:hover {
            background-color: azure;
            color: black;
        }

    .headercore .logo {
        display: block;
        float: right;
        font-size: 2em;
        padding: 10px 20px;
        text-decoration: none;
    }

    /* headercore menu */

    .headercore .menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }

    /* menu icon */

    .headercore .menu-icon {
        cursor: pointer;
        /*float: right;*/
        float: left;
        padding: 28px 20px;
        position: relative;
        user-select: none;
    }

        .headercore .menu-icon .nav-icon {
            /*background: #333;*/
            background: #fff;
            display: block;
            height: 2px;
            position: relative;
            transition: background .2s ease-out;
            width: 18px;
        }

            .headercore .menu-icon .nav-icon:hover {
                background: azure;
                color: black;
            }


            .headercore .menu-icon .nav-icon:before,
            .headercore .menu-icon .nav-icon:after {
                /*background: #333;*/
                background: #fff;
                content: '';
                display: block;
                height: 100%;
                position: absolute;
                transition: all .2s ease-out;
                width: 100%;
            }

            .headercore .menu-icon .nav-icon:before {
                top: 5px;
            }

            .headercore .menu-icon .nav-icon:after {
                top: -5px;
            }

    /* headercore menu btn */

    .headercore .menu-btn {
        display: none;
    }

        .headercore .menu-btn:checked ~ .menu {
            max-height: 240px;
        }

        .headercore .menu-btn:checked ~ .menu-icon .nav-icon {
            background: transparent;
        }

            .headercore .menu-btn:checked ~ .menu-icon .nav-icon:before {
                transform: rotate(-45deg);
                top: 0;
            }

            .headercore .menu-btn:checked ~ .menu-icon .nav-icon:after {
                transform: rotate(45deg);
                top: 0;
            }


/* headercore 58em = 768px @ 16pt font */

@media (min-width: 58em) {
    .headercore li {
        float: right;
    }

        .headercore li a {
            /* padding: 20px 30px;*/
            padding: 20px 30px;
        }

    .headercore .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    .headercore .menu-icon {
        display: none;
    }
}

/* End headercore*/



/* headergreen */

.headergreen {
    /*background-color: var(--color-corepurple);*/
    /*background-color: var(--color-coreteal);*/
    /*background-color: #fff;*/
    background-color: #0D5221;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position: fixed;
    font-size: 1rem;
    line-height: 1.1;
    width: 100%;
    z-index: 3;
}

    .headergreen span .companylogo {
        font-size: 12px;
        line-height: 1;
        padding: 0;
    }

    .headergreen a {
        /*color: #000;*/
        color: var(--color-neutral-100);
        /*background-color: var(--color-corepurple);*/
        background-color: #0D5221;
        /*background-color: var(--color-coreteal);*/
    }


    .headergreen ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: #fff;
    }

    .headergreen li a {
        display: block;
        /*padding: 20px 20px;*/
        /*This is the padding in the BURGER menu*/
        padding: 10px 20px;
        /*Added Font-Size so more items would fit in Burger Menu*/
        font-size: 14px;
        border-right: 1px solid #f4f4f4;
        text-decoration: none;
    }

        .headergreen li a:hover,
        .headergreen .menu-btn:hover {
            background-color: azure;
            color: black;
        }

    .headergreen .logo {
        display: block;
        float: right;
        font-size: 2em;
        padding: 10px 20px;
        text-decoration: none;
    }

    /* headergreen menu */

    .headergreen .menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }

    /* menu icon */

    .headergreen .menu-icon {
        cursor: pointer;
        /*float: right;*/
        float: left;
        padding: 28px 20px;
        position: relative;
        user-select: none;
    }

        .headergreen .menu-icon .nav-icon {
            /*background: #333;*/
            background: #fff;
            display: block;
            height: 2px;
            position: relative;
            transition: background .2s ease-out;
            width: 18px;
        }

            .headergreen .menu-icon .nav-icon:hover {
                background: azure;
                color: black;
            }


            .headergreen .menu-icon .nav-icon:before,
            .headergreen .menu-icon .nav-icon:after {
                /*background: #333;*/
                background: #fff;
                content: '';
                display: block;
                height: 100%;
                position: absolute;
                transition: all .2s ease-out;
                width: 100%;
            }

            .headergreen .menu-icon .nav-icon:before {
                top: 5px;
            }

            .headergreen .menu-icon .nav-icon:after {
                top: -5px;
            }

    /* headergreen menu btn */

    .headergreen .menu-btn {
        display: none;
    }

        .headergreen .menu-btn:checked ~ .menu {
            max-height: 240px;
        }

        .headergreen .menu-btn:checked ~ .menu-icon .nav-icon {
            background: transparent;
        }

            .headergreen .menu-btn:checked ~ .menu-icon .nav-icon:before {
                transform: rotate(-45deg);
                top: 0;
            }

            .headergreen .menu-btn:checked ~ .menu-icon .nav-icon:after {
                transform: rotate(45deg);
                top: 0;
            }


/* headergreen 58em = 768px @ 16pt font */

@media (min-width: 58em) {
    .headergreen li {
        float: right;
    }

        .headergreen li a {
            /* padding: 20px 30px;*/
            padding: 20px 30px;
        }

    .headergreen .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    .headergreen .menu-icon {
        display: none;
    }
}

/* End headergreen*/

/* headermaroon */

.headermaroon {
    background-color: #740202;
    /*background-color: var(--color-coreteal);*/
    /*background-color: #fff;*/
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position: fixed;
    font-size: 1rem;
    line-height: 1.1;
    width: 100%;
    z-index: 3;
}

    .headermaroon span .companylogo {
        font-size: 12px;
        line-height: 1;
        padding: 0;
    }

    .headermaroon a {
        color: var(--color-neutral-100);
        background-color: #740202;
    }


    .headermaroon ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: #fff;
    }

    .headermaroon li a {
        display: block;
        /*padding: 20px 20px;*/
        /*This is the padding in the BURGER menu*/
        padding: 10px 20px;
        /*Added Font-Size so more items would fit in Burger Menu*/
        font-size: 14px;
        border-right: 1px solid #f4f4f4;
        text-decoration: none;
    }

        .headermaroon li a:hover,
        .headermaroon .menu-btn:hover {
            background-color: azure;
            color: black;
        }

    .headermaroon .logo {
        display: block;
        float: right;
        font-size: 2em;
        padding: 10px 20px;
        text-decoration: none;
    }

    /* headermaroon menu */

    .headermaroon .menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }

    /* menu icon */

    .headermaroon .menu-icon {
        cursor: pointer;
        /*float: right;*/
        float: left;
        padding: 28px 20px;
        position: relative;
        user-select: none;
    }

        .headermaroon .menu-icon .nav-icon {
            /*background: #333;*/
            background: #fff;
            display: block;
            height: 2px;
            position: relative;
            transition: background .2s ease-out;
            width: 18px;
        }

            .headermaroon .menu-icon .nav-icon:hover {
                background: azure;
                color: black;
            }


            .headermaroon .menu-icon .nav-icon:before,
            .headermaroon .menu-icon .nav-icon:after {
                /*background: #333;*/
                background: #fff;
                content: '';
                display: block;
                height: 100%;
                position: absolute;
                transition: all .2s ease-out;
                width: 100%;
            }

            .headermaroon .menu-icon .nav-icon:before {
                top: 5px;
            }

            .headermaroon .menu-icon .nav-icon:after {
                top: -5px;
            }

    /* headermaroon menu btn */

    .headermaroon .menu-btn {
        display: none;
    }

        .headermaroon .menu-btn:checked ~ .menu {
            max-height: 240px;
        }

        .headermaroon .menu-btn:checked ~ .menu-icon .nav-icon {
            background: transparent;
        }

            .headermaroon .menu-btn:checked ~ .menu-icon .nav-icon:before {
                transform: rotate(-45deg);
                top: 0;
            }

            .headermaroon .menu-btn:checked ~ .menu-icon .nav-icon:after {
                transform: rotate(45deg);
                top: 0;
            }


/* headermaroon 58em = 768px @ 16pt font */

@media (min-width: 58em) {
    .headermaroon li {
        float: right;
    }

        .headermaroon li a {
            /* padding: 20px 30px;*/
            padding: 20px 30px;
        }

    .headermaroon .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    .headermaroon .menu-icon {
        display: none;
    }
}

/* End headermaroon*/


/* headerblue */

.headerblue {
    background-color: #000D4E;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position: fixed;
    font-size: 1rem;
    line-height: 1.1;
    width: 100%;
    z-index: 3;
}

    .headerblue span .companylogo {
        font-size: 12px;
        line-height: 1;
        padding: 0;
    }

    .headerblue a {
        /*color: #000;*/
        color: var(--color-neutral-100);
        background-color: #000D4E;
    }


    .headerblue ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: #fff;
    }

    .headerblue li a {
        display: block;
        /*padding: 20px 20px;*/
        /*This is the padding in the BURGER menu*/
        padding: 10px 20px;
        /*Added Font-Size so more items would fit in Burger Menu*/
        font-size: 14px;
        border-right: 1px solid #f4f4f4;
        text-decoration: none;
    }

        .headerblue li a:hover,
        .headerblue .menu-btn:hover {
            background-color: azure;
            color: black;
        }

    .headerblue .logo {
        display: block;
        float: right;
        font-size: 2em;
        padding: 10px 20px;
        text-decoration: none;
    }

    /* headerblue menu */

    .headerblue .menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }

    /* menu icon */

    .headerblue .menu-icon {
        cursor: pointer;
        /*float: right;*/
        float: left;
        padding: 28px 20px;
        position: relative;
        user-select: none;
    }

        .headerblue .menu-icon .nav-icon {
            /*background: #333;*/
            background: #fff;
            display: block;
            height: 2px;
            position: relative;
            transition: background .2s ease-out;
            width: 18px;
        }

            .headerblue .menu-icon .nav-icon:hover {
                background: azure;
                color: black;
            }


            .headerblue .menu-icon .nav-icon:before,
            .headerblue .menu-icon .nav-icon:after {
                /*background: #333;*/
                background: #fff;
                content: '';
                display: block;
                height: 100%;
                position: absolute;
                transition: all .2s ease-out;
                width: 100%;
            }

            .headerblue .menu-icon .nav-icon:before {
                top: 5px;
            }

            .headerblue .menu-icon .nav-icon:after {
                top: -5px;
            }

    /* headerblue menu btn */

    .headerblue .menu-btn {
        display: none;
    }

        .headerblue .menu-btn:checked ~ .menu {
            max-height: 240px;
        }

        .headerblue .menu-btn:checked ~ .menu-icon .nav-icon {
            background: transparent;
        }

            .headerblue .menu-btn:checked ~ .menu-icon .nav-icon:before {
                transform: rotate(-45deg);
                top: 0;
            }

            .headerblue .menu-btn:checked ~ .menu-icon .nav-icon:after {
                transform: rotate(45deg);
                top: 0;
            }


/* headerblue 58em = 768px @ 16pt font */

@media (min-width: 58em) {
    .headerblue li {
        float: right;
    }

        .headerblue li a {
            /* padding: 20px 30px;*/
            padding: 20px 30px;
        }

    .headerblue .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    .headerblue .menu-icon {
        display: none;
    }
}

/* End headerblue*/


/* FOOTER CSS */
/* FOOTER CSS */
/* FOOTER CSS */
/* FOOTER CSS */
/* FOOTER CSS */
/* FOOTER CSS */
/* FOOTER CSS */
.spanwhitelabel {
    font-weight: 400;
    color: white;
}

.spanwhitedata {
    font-weight: 300;
    color: white;
}

.spanblue {
    color: blue;
}

.spanredlabel {
    font-weight: 400;
    color: red;
}

.spanreddata {
    font-weight: 300;
    color: red;
}

.spansmall {
    font-size: .8em;
}

.togglecolor {
    color: #999;
    background-color: #27312f;
}

.footer {
    display: flex;
    flex-flow: row wrap;
    padding: 25px;
    /*color: white;*/
    color: #999;
    font-weight: 200;
    /*background-color: darkblue;*/
    background-color: #27312f;
    margin-top: auto;
    font-size: 15px;
}

    .footer &gt; * {
        flex: 1 100%;
    }

.l-footer {
    margin-right: 1.25em;
    margin-bottom: 2em;
}

.footer h2 {
    font-weight: 400;
    font-size: 15px;
    color: white;
}

.footer p {
    font-size: 15px;
    line-height: 1.2em;
}

.footer ul {
    list-style: none;
    padding-left: 0;
}

.footer li {
    line-height: 1.2em;
}

.footer a {
    text-decoration: none;
    font-size: inherit;
    /*color: inherit;*/
}

    .footer a:link {
        color: inherit;
    }

    .footer a:visited {
        color: inherit;
    }

    .footer a:hover {
        text-decoration: underline;
        font-size: 110%;
    }

.footer .logo {
    display: block;
    float: left;
    font-size: 1em;
    line-height: 1.2em;
    padding: 5px 10px 5px;
    text-decoration: none;
}

.r-footer {
    display: flex;
    flex-flow: row wrap;
}

    .r-footer &gt; * {
        flex: 1 50%;
        margin-right: 1.5em;
    }

.box a {
    color: #999;
}

.h-box {
    column-count: 2;
    column-gap: 1.25em;
}

.b-footer {
    text-align: center;
    color: inherit;
    padding-top: 2px;
}

.l-footer p {
    padding-right: 20%;
    color: #999;
}

@media screen and (min-width: 600px) {
    .r-footer &gt; * {
        flex: 1;
    }

    .features {
        flex-grow: 2;
    }

    .l-footer {
        flex: 1 0px;
    }

    .r-footer {
        flex: 2 0px;
    }
}
</pre></body></html>