/* Move down content because we have a fixed navbar that is 50px tall */
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}
    */

.bold {
    font-weight: bold !important;
}

.bolder {
    font-weight: bolder !important;
}

.bold200 {
    font-weight: 200 !important;
}

.bold400 {
    font-weight: 400 !important;
}

.italic {
    font-style: italic !important;
}

.underline {
    text-decoration: underline !important;
}

.underline2 {
    text-decoration: double !important;
}

.blue {
    color: blue;
    font-weight: bold;
}

.red {
    color: red;
    font-weight: bold;
}

.green {
    color: green;
    font-weight: bold;
}

.yellow {
    color:yellow !important;
    font-weight:bold;
}


.bg-white{
    background-color:white !important;
}

.large {
    font-size: large !important;
}

.larger {
    font-size: larger !important;
}

.x-large {
    font-size: x-large !important;
}

.xx-large {
    font-size: xx-large !important;
}

.smaller {
    font-size: 12pt !important;
}

    .smaller p {
        font-size: 12pt !important;
    }

.sup {
    font-size: smaller;
    vertical-align: super
}

.textbox {
    display: flex;
    flex-flow: row wrap;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    float: left;
    width: 100%;
    text-align: right !important;
}



@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 745px;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1350px;
    }
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /*  Define background, positioning and heights  */
    .navbar,
    .navbar-nav,
    .navbar-brand,
    .glyphicon,
    .navbar-default .navbar-text,
    .navbar-default,
    .navbar-collapse,
    .dropdown,
    .navbar-text,
    .caret,
    .nav,
    .nav > li {
        margin-left: 0px;
        margin-right: 2px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-image: none;
        border: none;
        vertical-align: middle;
        min-height: 20px;
    }

    .sm-purple a, .sm-purple a:hover, .sm-purple a:focus, .sm-purple a:active, sm-purple a.highlighted {
        padding: 9px 12px 11px 12px !important;
    }

    #Menu_Navbar {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-default,
    .navbar-collapse {
        background-color: rgba(175,175,175,0.2);
        border: rgba(175,175,175,0.6);
    }


    .navbar-brand .nav-brand,
    .navbar-brand {
        padding-top: 11px;
        font-family: Arial;
        font-size: 30px;
        font-weight: 500;
        line-height: 20px;
        color: white;
        opacity: 1.0;
    }

    .navbar-default .navbar-text {
        font-family: Arial;
        font-size: medium;
        font-weight: bold;
        line-height: 20px;
        color: white;
        opacity: 1.0;
        margin-top: 15px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 7px;
        padding-right: 7px;
        min-height: 40px;
    }

    .navbar {
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .navbar-inner {
        box-shadow: none;
        opacity: 0.2;
        vertical-align: middle;
    }


    #Menu_Home {
        margin-right: 2px;
        color: white;
        opacity: 1.0;
        font-size: medium;
        line-height: 20px;
        display: inline-flex;
    }

    /* Adjust Menu colors - Normal */
    .navbar .nav > li > a,
    .navbar .nav > li > a:first-letter,
    .navbar .nav > li.current-menu-item > a,
    .navbar .nav > li.current-menu-ancester > a {
        padding: 0px;
    }

    /* Adjust Menu colors - Hover */
    /*.navbar .nav > li > a:hover,
        .navbar .nav > li.current-menu-item > a:hover,
        .navbar .nav > li.current-menu-ancester > a:hover,
        .navbar .nav > li.current-menu-ancester > a:hover:first-letter,
        .navbar .nav > li.dropdown > a:hover,
        a.dropdown-toggle {
            background-color: black;
        }
        */

    /*    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: black;
        background-color: darkgrey;
    }
    */

    .navbar_default .navbar-nav > .active > a,
    .navbar_default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .active,
    .active > li,
    li:active,
    li:active > a,
    li:active > a:hover,
    li:active > a:focus,
    .dropdown .active > li,
    .dropdown-toggle .active > li,
    .dropdown > .active,
    .dropdown-toggle > .active,
    .dropdown-menu > .active > a,
    .dropdown-menu > a:hover,
    .dropdown-menu > li > a:hover,
    .navbar-default .navbar-text .active,
    .dropdown-menu > .active,
    .dropdown-menu > .active > a:focus {
        background-color: rgba(0, 38, 255,0.7); /* Highlight as blue */
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: rgba(0, 38, 255,0.7); /* Highlight as blue */
    }


    /* Adjust Menu colors - Focus */
    /*        .navbar .nav > li > a:focus,
        .navbar .nav > li.current-menu-item > a:focus,
        .navbar .nav > li.current-menu-ancester > a:focus,
        .navbar .nav > li.current-menu-ancester > a:hover:focus,
        #Menu_About .active,
        .navbar .nav .active > li.current-menu-item > a:focus,
        .navbar .nav .active > li.current-menu-ancester > a:focus,
        .navbar .nav .active > li.current-menu-ancester > a:hover:focus {
            background-color: lightgreen;
        }
    */

    /*    .navbar_default .navbar-nav > a:hover,
    .navbar-default .navbar-nav > a:focus {
        color: green;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: rgba(0, 38, 255,0.7); 
    }
*/

    /*  Active  */
    /*
.nvabar-default .navbar-nav> .active , 
        .nvabar-default .navbar-nav > .active > a,
        .nvabar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus ,
        .navbar .nav > li > a:hover,
        .navbar .nav > .active > li.current-menu-item > a:hover,
        .navbar .nav > .active > li.current-menu-ancester > a:hover,
        .navbar .nav > .active > li.current-menu-ancester > a:hover:first-letter
        {
            background-color: orange);
            color: yellow;
            opacity: 1.0;
        }
*/


    /* Adjust dropdown Menu items (blue) text color, (yellow) shading and (green) border */
    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-menu {
        display: none;
        position: absolute;
        background-color: rgba(175,175,175,0.9);
        min-width: 160px;
        z-index: 1;
    }

        .dropdown-menu > li > a {
            background-image: none;
            background-color: transparent;
            color: white;
            font-size: larger;
            font-weight: bold;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 0px;
            padding-bottom: 0px;
            text-decoration: none;
            display: block;
        }

    /*          .dropdown-menu > li > a:hover,
            .dropdown-menu > li > a:focus {
                background-color: blue;
            }
      */
    /* Remove the Hover/Focus Colors  */
    .navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a,
    .navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
        color: red; /* #5A5A5A; */
    }


    /*  Branding  */
    .navbar-brand {
        margin-top: -8px;
    }

    .navbar_default .navbar-nav > li:last-child > a {
        background-color: black;
        color: yellow;
        opacity: 1.0;
    }

    .menu-custom-150 {
        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }

    .menu-custom-175 {
        width: 175px !important;
        min-width: 175px !important;
        max-width: 175px !important;
    }

    .menu-custom-200 {
        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;
    }

    .menu-custom-225 {
        width: 225px !important;
        min-width: 225px !important;
        max-width: 225px !important;
    }

    .menu-custom-250 {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }

    .menu-custom-275 {
        width: 275px !important;
        min-width: 275px !important;
        max-width: 275px !important;
    }

    .menu-custom-300 {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    }

    .menu-custom-325 {
        width: 325px !important;
        min-width: 325px !important;
        max-width: 325px !important;
    }

    .menu-custom-350 {
        width: 350px !important;
        min-width: 350px !important;
        max-width: 350px !important;
    }

    .menu-custom-375 {
        width: 375px !important;
        min-width: 375px !important;
        max-width: 375px !important;
    }

    .menu-custom-400 {
        width: 400px !important;
        min-width: 400px !important;
        max-width: 400px !important;
    }

    .menu-custom-425 {
        width: 425px !important;
        min-width: 425px !important;
        max-width: 425px !important;
    }

    .menu-custom-450 {
        width: 450px !important;
        min-width: 450px !important;
        max-width: 450px !important;
    }

    .menu-custom-475 {
        width: 475px !important;
        min-width: 475px !important;
        max-width: 475px !important;
    }

    .menu-custom-500 {
        width: 500px !important;
        min-width: 500px !important;
        max-width: 500px !important;
    }

    .menu-custom-525 {
        width: 525px !important;
        min-width: 525px !important;
        max-width: 525px !important;
    }

    .menu-custom-550 {
        width: 550px !important;
        min-width: 550px !important;
        max-width: 550px !important;
    }

    .menu-title-text li {
        background-color: white !important;
    }

    .menu-title-text center {
        background-color: white !important;
    }

    .menu-title-text hr {
        color: white !important;
        background-color: white !important;
        margin: 0 !important;
    }

    .menu-title-text span {
        text-decoration: underline !important;
        font-weight: bolder !important;
        font-size: larger !important;
        color: #2b82ac;
    }

    .menu-title-text2 {
    }
}

/*    Special for compressed 'hamburger' menu   */
@media screen and (max-width:768px) {

    .navbar-default,
    .navbar-toggle,
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:focus {
        background-color: white;
    }

        .navbar-default .navbar-toggle:hover {
            background-color: grey;
        }


        .navbar-nav,
        .navbar-brand,
        .glyphicon,
        .navbar-default .navbar-text,
        .navbar-default,
        .navbar-collapse,
        .dropdown,
        .navbar-text,
        .caret,
        .nav {
            background-image: none;
            border: none;
        }

    .nav,
    .dropdown {
        position: relative;
        display: block;
        width: 100%;
        float: left;
        height: auto;
    }

    .navbar-default,
    .navbar-collapse {
        background-color: rgba(175,175,175,0.2);
        border: rgba(175,175,175,0.6);
    }

    .glyphicon {
        display: inline-flex;
        float: left;
        margin-left: 22px;
        padding-top: 2px;
        color: white;
        opacity: 1.0;
        font-size: small;
    }

    .navbar-brand .nav-brand,
    .navbar-brand {
        font-family: Arial;
        font-size: 20px;
        font-weight: 500;
        color: white;
        opacity: 1.0;
    }

    .navbar-default .navbar-text,
    .navbar-default .navbar-text > li > a {
        font-family: Arial;
        font-size: medium;
        font-weight: bold;
        line-height: 20px;
        color: white;
        opacity: 1.0;
    }

    .dropdown-menu > li > a {
        color: white;
        font-size: larger;
        font-weight: bold;
        opacity: 1.0;
    }


    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
        background-color: transparent;
    }



    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: white;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: white;
        background-color: rgb(0, 38, 255); /* Highlight as blue */
    }


    /* use width if in portrait (use the smaller size to try and prevent image from overflowing page... */
    img {
        height: 90%;
        margin: 0;
        padding: 0;
    }

    body {
        width: 100%;
        height: 100%;
        margin-left: 0px;
        margin-left: auto;
    }
    /*   -webkit-transform: rotate(-90deg) scale(.68,.68) ;*/
    /*   -moz-transform:rotate(-90deg) scale(.58,.58); }    */

    .container {
        margin-left: 0px;
        margin-right: auto;
    }

    .cell-Left,
    .cell-Left2,
    .cell-Left3,
    .cell-Right,
    .cell-Right2,
    .cell-Right3 {
        text-align: left;
    }

    .menu-custom-150 {
        width: 100%
    }

    .menu-custom-175 {
        width: 100%
    }

    .menu-custom-200 {
        width: 100%
    }

    .menu-custom-225 {
        width: 100%
    }

    .menu-custom-250 {
        width: 100%
    }

    .menu-custom-275 {
        width: 100%
    }

    .menu-custom-300 {
        width: 100%
    }

    .menu-custom-325 {
        width: 100%
    }

    .menu-custom-350 {
        width: 100%
    }

    .menu-custom-375 {
        width: 100%
    }

    .menu-custom-400 {
        width: 100%
    }

    .menu-custom-425 {
        width: 100%
    }

    .menu-custom-450 {
        width: 100%
    }

    .menu-custom-475 {
        width: 100%
    }

    .menu-custom-500 {
        width: 100%
    }

    .menu-custom-525 {
        width: 100%
    }

    .menu-custom-550 {
        width: 100%
    }

    .menu-title-text li {
        height: 20px !important;
        border-top: none !important;
        border-bottom: none !important;
        background-color: #800080 !important;
    }

    .menu-title-text center {
        background-color: #800080 !important;
    }

    .menu-title-text hr {
        color: #800080 !important;
        background-color: #800080 !important;
        margin: 0 !important;
    }

    .menu-title-text span {
        padding-top: 10px !important;
        text-decoration: none !important;
        font-weight: bolder !important;
        font-size: larger !important;
        color: white !important;
    }

    .menu-title-text2 {
        border-top: none !important;
    }
}


/* END OF Change the Navbar Colors/Font/Size */




/*  Glyphicons are no longer part of the bootstrap distribution */
/*  Following adds back references so they may be used   */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon-inline {
    top: 0 !important;
    float: none !important;
    margin: 0 !important;
}

.glyphicon {
    position: relative;
    margin-left: 0px; /*22px;*/
    top: 3px;
    display: inline-flex;
    float: left;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    color: white;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    opacity: 1.0;
    font-size: small;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-briefcase:before {
    content: "\1f4bc";
}

.glyphicon-calendar:before {
    content: "\1f4c5";
}

.glyphicon-pushpin:before {
    content: "\1f4cc";
}

.glyphicon-paperclip:before {
    content: "\1f4ce";
}

.glyphicon-camera:before {
    content: "\1f4f7";
}

.glyphicon-lock:before {
    content: "\1f512";
}

.glyphicon-bell:before {
    content: "\1f514";
}

.glyphicon-bookmark:before {
    content: "\1f516";
}

.glyphicon-fire:before {
    content: "\1f525";
}

.glyphicon-wrench:before {
    content: "\1f527";
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
    content: "";
}



/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

h3 {
    font-weight: bold;
    text-decoration: underline;
}

h4 {
    font-weight: bold;
    font-style: italic;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

p {
    line-height: normal;
    margin-bottom: 15px;
}

li {
    line-height: normal;
    padding-bottom: 4px;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron, .jumbotron-fluid {
        background-color: var(--orchid);
        margin-top: 16px;
        margin-bottom:15px;
    }

    .body-content {
        color: black;
        padding: 0;
    }
}



/*  Define fixed background for the page */
.bg {
    background-image: url('../Images/Backgrounds/Empty.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: left;
    background-position-y: top;
    background-attachment: fixed;
}

.jumbotron {
    /*background-color:rgba(50,50,50,0.6);        && Dark grey background */
    /* color:black;                                && White text */
    background-color: var(--lavender); /* rgba(240,240,240,0.8)  Light lavendar background */
    color: black; /*  Black text */
    border-radius: 20px;
}

    .jumbotron p {
        font-size: 18px;
        /*        line-height: normal; */
        line-height: 1.3333333;
    }

    .jumbotron > .panel-group > .panel,
    .jumbotron > .panel {
        margin-bottom: 0px;
        margin-top: 0px;
    }


.jumbotron-detail {
    background-color: var(--thistle);
    color: black;
}

.jumbotron, .jumbotron-fluid {
    /*background-color:rgba(50,50,50,0.6);        && Dark grey background */
    /* color:black;                                && White text */

    background-color: var(--plum); /* rgba(240,240,240,0.8);  Light grey background */
    color: black; /*  Black text */
    border-radius: 20px;
}

.jumbotron, jumbotron-fluid p {
    line-height: normal;
}

.jumbotron, jumbotron-fluid a {
    color: black;
}

    .jumbotron > .panel-group > .panel,
    .jumbotron > .panel,
    .jumbotron-fluid > .panel-group > .panel,
    .jumbotron-fluid > .panel {
        margin-bottom: 0px;
        margin-top: 0px;
    }

.btn-p, .btn-p:visited {
    margin-top: 0px !important;
    margin-bottom: 6px !important;
    padding-left: 0px;
    padding-right: 0px;
    width: 400px;
    min-width: 215px;
    max-width: 90%;
    height: 100px;
    line-height: 1.3333333;
    word-wrap: normal;
    vertical-align: middle;
    color: white !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: var(--purple);
    background-image: linear-gradient(to bottom,var(--orchid),var(--purple));
    border: 1px solid transparent;
    border-color: var(--orchid);
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    touch-action: none;
}


.btn-p:hover {
    color: pink !important;
    background-color: var(--orchid);
}

.btn-lg-wide {
    max-width: 95% !important;
    min-width: 95% !important;
    width: 95% !important;
    word-break: break-word;
    max-width: 200px;
    white-space: normal;
}

.btn, .btn-primary, .btn-sm, .btn-lg, .btn-lg-wide, button, .btn-asp {
    color: white;
    background-color: var(--purple);
    background-image: linear-gradient(to bottom,var(--orchid),var(--purple));
    border-color: var(--orchid);
}

    .btn:hover, .btn-primary:hover, .btn-sm:hover, .btn-sm-wide:hover, .btn-lg:hover, .btn-lg-wide:hover, button, .btn-asp:hover {
        color: pink;
        background-color: var(--orchid);
    }

    .btn:focus, .btn-primary:focus, .btn-sm:focus, btn-sm-wide:focus, .btn-lg:focus, btn-lg-wide:focus, button, .btn-asp:focus {
        color: pink;
        background-color: var(--orchid);
    }

    .btn.disabled, .btn-primary:disabled, .btn-sm:disabled, .btn-sm-wide:disabled, .btn-lg:disabled, .btn-lg-wide:disabled, button, .btn-asp:disabled {
    }

.btn-inactive {
    cursor: pointer;
    touch-action: none;
    color: white;
}
.btn-inactive:hover .btn-inactive:focus {
    color:white !important;
}

.btn-disabled{
    cursor:default;
    pointer-events:auto;
    text-decoration:none;
    color:lightgray;
}

.btn-disabled a:after{
    content:"Link no longer available";
}

.btn-disabled:hover, .btn-disabled:focus, .btn-disabled:disabled {
    color:lightgray;
}

.btn-sm {
    margin-bottom: 6px !important;
    width: auto !important ;
    height: auto !important;
    word-wrap: normal !important ;
    vertical-align: middle !important;
}

.btn-nav {
    width: 80px !important;
    min-width: 80px;
    max-width: 80px;
}


    .btn-sm .text {
        vertical-align: middle;
    }


.btn-lg {
    margin-bottom: 6px;
    padding-left: 0px;
    padding-right: 0px;
    width: 400px;
    min-width: 215px;
    max-width: 90%;
    height: 100px;
    word-wrap: normal;
    vertical-align: middle;
    font-size: 16px;
}

.btn-lg-wide {
    min-width:215px !important;
    max-width:90% !important;
}

    .btn-lg .text {
        vertical-align: middle;
    }

/*  Spacing to adjust vertical height, depending on how many lines of text are placed in the button */
.btn-lg1 {
    padding-top: 33px !important;
}

.btn-lg2 {
    padding-top: 22px !important;
}

.btn-lg3 {
    padding-top: 14px !important;
}

.btn-lg4 {
    padding-top: 3px !important;
}

.btn-lg-wide, button, .btn-asp {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    height:auto !important;
    border-radius: 6px;
}

@media screen and (max-width:425px) {

    .btn-p, .btn-lg{
        font-size:14px !important;
        padding-left:0px;
        padding-right:0px;
    }

}

@media screen and (max-width:350px) {

    .btn-p, .btn-lg {
        font-size: 12px !important;
        padding-left: 0px;
        padding-right: 0px;
    }
}


    .btn-embed {
        padding: 0px 4px 0px 4px;
        font-size: 15px;
    }

    .close {
        color: black !important;
    }

    .panel-body {
        line-height: normal;
    }


    /*  Set up to use columns within a carousel text area */
    .carousel-caption {
        left: 10%;
        right: 10%;
        padding-bottom: 120px;
    }

.carousel-home {
    height: auto;
    margin: 5px 0px 0px 0px;
    background-color: var(--purple);
    border-radius: 0px;
}

.carousel-wrapper {
    background-color: var(--purple);
    border-radius: 0px;
}

.carousel-item img {
    padding: 0px;
    border-radius: 0px;
}

.carousel-indicators {
}

    .carousel-indicators .active {
        color: white !important;
        /*    width: 2vw;
            height: 2vh;*/
    }

.carousel-button {
    width: 50px !important;
    height: 25px !important;
    z-index: 2000;
}




    .movable-block-wrapper {
        display: block;
        width: 100%;
        left: 0%;
        right: 0%;
    }

    .movable-block-left {
        display: block;
        float: left;
        position: relative;
        left: 0%;
        padding-right: 20px;
    }

    .movable-block-middle {
        display: block;
        float: left;
        position: relative;
        width: 150px;
    }

    .movable-block-right {
        display: block;
        text-align: left;
        float: right;
        right: 0px;
        position: relative;
        width: auto;
    }


    .Default_H2_Left {
        font-size: large;
        text-align: center;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Default_Block_Right_Inner {
        display: inline-flex;
        top: 0px;
    }

    .Default_H2_Right {
        text-align: center;
        font-weight: bolder;
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Default_P_1 {
        font-size: medium;
        text-align: center;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Default_P_Quote {
        text-align: center !important;
        font-weight: 600 !important;
        font-size: 28px !important;
        font-style: italic !important;
        width: 475px !important;
        color: lavender !important;
    }

    .Default_P_Quote_Credit {
        text-align: center !important;
        font-size: medium !important;
        width: 100% !important;
        color: lavender !important;
    }


    @media screen and (max-width:800px) {

        h2 {
            font-size: medium;
            width: 100%;
        }


        .carousel-caption {
            padding-bottom: 0px;
        }

        .Default_P_1, .Default_P_Quote {
            margin-left: -5px;
            width: 80% !important;
            text-align: center !important;
            font-size: large !important;
        }

        .Default_P_Quote_Credit {
            width: 100%;
            text-align: left !important;
            font-size: small !important;
        }
    }


    /*  Carousel */
    /* Responsive: Portrait tablets and up */
    @media screen and (max-width:525px) {

        h2 {
            font-size: medium;
            width: 100%;
        }

        .carousel-caption {
            padding-bottom: 0px;
        }

        .Default_P_1, .Default_P_Quote {
            margin-left: -5px;
            width: 400px !important;
            text-align: left !important;
            font-size: large !important;
        }

        .Default_P_Quote_Credit {
            width: 100%;
            text-align: left !important;
            font-size: small !important;
        }
    }


    @media screen and (max-width:425px) {

        h2 {
            font-size: medium;
            width: 100%;
        }

        .carousel-caption {
            padding-bottom: 0px;
        }

        .Default_P_1, .Default_P_Quote {
            margin-left: -5px;
            width: 100% !important;
            text-align: left !important;
            font-size: medium !important;
        }

        .Default_P_Quote_Credit {
            width: 100%;
            text-align: left !important;
            font-size: x-small !important;
        }
    }




    /* Image styling */
    .alignleft {
        float: left;
        margin: 0 20px 10px 0;
        background: #1e1e1e;
        background: rgba(255,255,255,.08);
        padding: 7px;
    }

    .alignright {
        float: right;
        margin: 0 0 10px 20px;
        background: #1e1e1e;
        background: rgba(255,255,255,.08);
        padding: 7px;
    }

    .aligncenter {
        text-align: center;
        margin: 0 auto;
        background: #1e1e1e;
        background: rgba(255,255,255,.08);
        padding: 7px;
    }

    p.wp-caption-text {
        line-height: normal;
        text-align: center;
        font-size: small;
        margin: 0px;
    }

    wp-image {
        border: 1px solid black;
        margin: 4px;
    }


    /* Contact Us Page Spacing */

    .cell-row {
        width: 640px;
        display: block;
        float: none;
        margin-left: 10px;
        margin-right: 10px;
        background-color: transparent;
        color: black;
    }

    .cell-Left,
    .cell-Left2,
    .cell-Left3,
    .cell-Right,
    .cell-Right2,
    .cell-Right3 {
        display: block;
        float: left;
        font-size: small;
        vertical-align: middle;
        padding-top: 5px;
        padding-right: 3px;
        line-height: normal;
    }

    .cell-Left {
        width: 300px;
        text-align: right;
    }

    .cell-Right {
        /*   width:375px; */
        width: 300px;
        text-align: left;
        margin-left: 12px;
    }

    .cell-Left2 {
        width: 325px;
        text-align: right;
    }

    .cell-Right2 {
        /*    width: 275px; */
        width: 275px;
        text-align: left;
        margin-left: 12px;
        margin-top: -3px;
    }

    .cell-Left3 {
        width: 200px;
        text-align: right;
    }

    .cell-Right3 {
        /*   width: 400px;  */
        width: 400px;
        text-align: left;
        margin-left: 12px;
        margin-top: -5px;
    }

    .cell-Right-Auto {
        /*   width: 400px;  */
        width: 95%;
        max-width: 95%;
        text-align: left;
        margin-left: 12px;
        margin-top: -5px;
    }


.carousel-home {
    height: auto;
    margin: 5px 0px 0px 0px;
    background-color: var(--purple);
    border-radius: 20px;
}

.carousel-wrapper {
    background-color: var(--purple);
    border-radius: 20px;
}

.carousel-item img {
    padding: 20px;
    border-radius: 40px;
}

.carousel-indicators {
}

    .carousel-indicators .active {
        color: white !important;
        /*    width: 2vw;
            height: 2vh;*/
    }

.carousel-button {
    width: 50px !important;
    height: 25px !important;
    z-index: 2000;
}




    @media screen and (min-width: 480px) {
        .cell-Left {
            width: 300px;
        }

        .cell-Left2 {
            width: 325px;
        }

        .cell-Left3 {
            width: 275px;
        }
    }

    @media screen and (max-width: 479px) {
        .cell-Left1 {
            width: 100%;
        }

        .cell-Left2 {
            width: 93%;
        }

        .cell-Left3 {
            width: 100%;
        }
    }


    /*    Special for compressed 'hamburger' menu   */
    @media screen and (max-width:768px) {


        /* use width if in portrait (use the smaller size to try and prevent image from overflowing page... */
        img {
            height: 90%;
            margin: 0;
            padding: 0;
        }

        body {
            width: 100%;
            height: 100%;
            margin-left: 0px;
            margin-left: auto;
        }
        /*   -webkit-transform: rotate(-90deg) scale(.68,.68) ;*/
        /*   -moz-transform:rotate(-90deg) scale(.58,.58); }    */

        .container {
            margin-left: auto;
            margin-right: auto;
        }

        .cell-Left,
        .cell-Left2,
        .cell-Left3,
        .cell-Right,
        .cell-Right2,
        .cell-Right3 {
            text-align: left;
        }

        .movable-block-left {
            width: 100%;
        }

        .movable-block-right {
            width: 100%;
            margin-top: 0;
            vertical-align: top;
        }
    }




    /* #3298C8 -> rgb(50,152,200)  */
    /* #2e8cb8 -> rgb(46,140,184) */

    .main-nav {
        margin-top: 5px;
        margin-bottom: 7px;
        padding-bottom: 12px;
        background: var(--purple); /* rgba(50,152,200,.4); */
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }

        .main-nav:after {
            clear: both;
            content: "\00a0";
            display: block;
            height: 0;
            font: 0px/0 serif;
            overflow: hidden;
        }

    .nav-brand {
        float: left;
        margin: 4px 0px 4px 0px;
    }

        .nav-brand a {
            display: block;
            padding: 7px 0px 4px 10px;
            color: #fff;
            font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
            font-size: 30px;
            font-weight: 500;
            line-height: 29px;
            text-decoration: none;
        }

    .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        font-size: medium;
        font-weight: bold;
    }

    #main-menu {
        clear: both;
        margin-bottom: 12px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    @media (min-width: 768px) {
        #main-menu {
            float: right;
            clear: none;
        }
    }


    /* Mobile menu top separator */

    #main-menu:before {
        content: '';
        display: block;
        height: 1px;
        font: 1px/1px sans-serif;
        overflow: hidden;
        background-color: rgba(50,152,200,.4);
        ;
    }

    @media (min-width: 768px) {
        #main-menu:before {
            display: none;
            background-color: rgba(50,152,200,.4);
        }

        .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue {
            background: transparent;
        }
    }


    /* Mobile menu toggle button */

    .main-menu-btn {
        float: right;
        margin: 10px;
        position: relative;
        display: inline-block;
        width: 29px;
        height: 29px;
        text-indent: 29px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }


    /* hamburger icon */

    .main-menu-btn-icon,
    .main-menu-btn-icon:before,
    .main-menu-btn-icon:after {
        position: absolute;
        top: 50%;
        left: 2px;
        height: 2px;
        width: 24px;
        background: #fff;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

        .main-menu-btn-icon:before {
            content: '';
            top: -7px;
            left: 0;
        }

        .main-menu-btn-icon:after {
            content: '';
            top: 7px;
            left: 0;
        }


    /* x icon */

    #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
        height: 0;
        background: transparent;
    }

        #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
            top: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
            top: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }


    /* hide menu state checkbox (keep it visible to screen readers) */

    #main-menu-state {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        padding: 0;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }


        /* hide the menu in mobile view */

        #main-menu-state:not(:checked) ~ #main-menu {
            display: none;
        }

        #main-menu-state:checked ~ #main-menu {
            display: block;
        }

    @media (min-width: 768px) {
        /* hide the button in desktop view */
        .main-menu-btn {
            position: absolute;
            top: -99999px;
        }
        /* always show the menu in desktop view */
        #main-menu-state:not(:checked) ~ #main-menu {
            display: block;
        }
    }





    #divSubmit {
        display: inline-block !important;
        float: left;
        width: 300px !important;
        height: auto !important;
        margin-top: -50px;
        margin-left: 20px !important;
        padding-right: 30px;
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: center;
    }

    #divCaptcha {
        display: inline-block !important;
        float: left;
        width: 300px !important;
        height: auto;
        !important;
        margin-top: -50px;
        margin-left: 20px !important;
        padding-right: 30px;
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: center;
    }

    #lblSubmitInstruction {
        margin-top: 100px;
        font-size: 90% !important;
        font-weight: bold;
    }

    #btnSubmit {
        align-content: center !important;
        align-items: center;
        text-align: center;
    }



    @media print, screen and (min-width: 480px) {
        .RightNote {
            display: inline;
            font-size: small;
            width: 75%;
            vertical-align: text-top;
        }

        .TextBoxWidth280 {
            width: 280px;
        }

        .TextBoxWidth465 {
            width: 465px;
        }

        .TextBoxWidth600 {
            width: 600px;
        }

        .TextBoxWidth60pct {
            width: 60%;
        }

        .TextBoxWidth95pct {
            width: 95%;
        }

        .TextBoxWidth100pct {
            width: 100%;
        }
    }

    @media screen and (max-width: 479px) {
        .RightNote {
            display: inline;
            font-size: small;
            width: 40%;
            vertical-align: text-top;
        }

        .TextBoxWidth280,
        .TextBoxWidth465,
        .TextBoxWidth600,
        .TextBoxWidth100pct {
            width: 200px;
        }

        .radioResponsive {
            height: auto;
        }

            .radioResponsive input {
                float: left;
                padding-right: 2px;
            }

            .radioResponsive label {
                margin-left: 3px;
                margin-right: 4px;
                padding-left: 2px;
                display: block;
                width: 50px;
                vertical-align: text-top;
            }

        .row {
            max-width: 100%;
        }
    }

    @media print {

        @page {
            margin: 0.5cm;
            /*             size:landscape;*/
            max-height: 100%;
            max-width: 100%
        }

        body {
            font: 12pt Georgia, "Times New Roman", Times, serif;
            line-height: 1.3;
        }

        h1 {
            font-size: 24pt;
        }

        h2 {
            font-size: 14pt;
            margin-top: 25px;
        }

        aside h2 {
            font-size: 18pt;
        }


        header nav, footer {
            display: none;
        }

        #main-menu {
            display: none;
        }
    }






    .flex-container {
        margin-left: 25px;
        margin-right: 25px;
    }


    .flex-left {
        display: block;
        float: left;
        height: 60px;
        width: 30%;
        margin-left: 0px;
        margin-right: 0px;
        color: white;
        text-align: left;
        vertical-align: bottom;
    }

    .flex-left-fonts {
        font-size: 27px;
    }


    .flex-center {
        display: block;
        float: left;
        height: 60px;
        width: 30%;
        margin-left: 0px;
        margin-right: 0px;
        color: white;
        text-align: center;
        vertical-align: bottom;
    }

    .flex-right {
        display: block;
        margin-top: 6px;
        float: right;
        height: 60px;
        width: 40%;
        margin-left: 0px;
        margin-right: 0px;
        color: white;
        text-align: right;
        vertical-align: bottom;
        vertical-align: bottom;
    }

    .flex-right-fonts {
        font-size: 27px;
    }



    /*See video options at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video */

    video {
        min-width: 350px;
        max-width: 100%;
        min-height: 350px;
        max-height: 550px;
        margin-left: 0px;
        margin-right: 0px;
        vertical-align: central;
        align-content: center;
        background-color: plum;
    }

    .video-grace {
        display:flex;
        flex-wrap:wrap;
        min-width: 200px;
        max-width: 100%;
        min-height: 200px;
        max-height: 550px;
        margin-left: 0px;
        margin-right: 0px;
        vertical-align: middle;
        align-content: center;
        background-color: plum;
    }

    .video-vertical {
        width: auto;
        height: 400px;
    }

    .footer-div {
        display: block;
        float: left;
        margin: 0;
        width: auto;
    }

        .footer-div p {
            font-family: Arial;
            font-size: small;
            color: black;
            padding: 10px;
        }


    @media ONLY screen and (max-width: 768px) {
        .main-nav {
            padding-bottom: 0px;
        }

        .flex-container {
            margin-left: 0px;
            margin-right: 35px;
            margin-bottom: 5px;
        }

        .flex-left {
            float: left;
            height: auto;
            padding: 3px 0px 3px 0px !important;
        }

        .flex-left-fonts {
            font-size: 6vw !important;
            padding: 3px 0px 3px 0px !important;
        }

        .flex-right {
            float: left;
            text-align: left;
            height: auto;
            margin-top: auto;
            padding: 3px 0px 3px 0px !important;
        }

        .flex-right-fonts {
            font-size: 5vw !important;
            padding: 3px 0px 3px 0px !important;
        }

        .nav-brand {
            margin: 0px;
            height: auto;
        }

            .nav-brand h2 {
                margin: 0px;
                height: auto;
            }

            .nav-brand a {
                margin: 0px;
                height: auto;
            }
    }


    @media only screen and (max-device-width: 480px) {
        .main-nav {
            padding-bottom: 0px;
        }

        .flex-container {
            margin-left: 0px;
            margin-right: 50px;
            margin-bottom: 5px;
        }

        .flex-left {
            float: left;
            height: auto;
            margin: 0px !important;
            padding: 0px !important;
        }

        .flex-left-fonts {
            font-size: 6vw !important;
            padding: 0px !important;
            margin: 0px !important;
        }

        .flex-right {
            float: left;
            height: auto;
            text-align: left;
            margin: 0px;
            padding: 0px !important;
        }

        .flex-right-fonts {
            font-size: 5.25vw !important;
            padding: 0px !important;
            margin: 0px !important;
        }

        .nav-brand {
            padding: 0px;
            margin: 0px;
            height: auto;
            background-image: none !important;
        }

            .nav-brand h2 {
                padding: 0px;
                margin: 0px;
                height: auto;
            }

            .nav-brand a {
                padding: 0px;
                margin: 0px;
                height: auto;
            }
    }