<style>
     .d-inline-block{
        display: inline-block !important;
    }

    .mdgov-footer {
        padding-top: 56px;
        padding-bottom:56px;
        /*background-color: var (--mdgov-footer-bg-color);*/
        background-color: #333333;
        color: #C9C9C9;
    }

    .mdgov-footer h3 {
        color: #FFC838;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-weight:bold;
        text-shadow: -1px -1px 1px #272727;
    }

    .mdgov-footer a {
        text-decoration: none;
    }


    .mdgov-footer ul li a {
        text-decoration: none;
        list-style: none;
        padding: 0;
        color: #fff;
    }

    .mdgov-footer__top {
        display: flex;
        align-items: center;
        flex-flow:column;
        padding-bottom: 48px;
        gap: 16px;
        row-gap: 16px;
        column-gap: 16px;
    }

    .mdgov-footer__agency {
        display:flex;
        align-items: center;
        flex-flow: column;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 16px;
        row-gap: 16px;
        column-gap: 16px;
    }

    .mdgov-footer__agency__logo img {
        max-width:90px;
        filter: grayscale(0);
    }

    .mdgov-footer__agency__address {
        text-align: left;
        font-size: 12px;
    }
    .mdgov-footer__agency__address address strong {
        font-size: 12px;
    }

    .mdgov-footer__agency__links {
        display:flex;
        flex: 1;
        flex-shrink: 0;
        flex-basis: 0%;
        flex-flow: column;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .mdgov-footer__nav {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        list-style-position: outside;
        padding: 0;
        margin: 0;
    }

    .mdgov-footer__nav li {
        padding-right:1rem;
        padding-left: 1rem;
        color: rgba(255,255,255,.5);
        content: "-";
    }

    .nav {
        --mdgov-nav-link-padding-x: 1rem;
        --mdgov-nav-link-padding-y: .5rem;
        --mdgov-nav-link-font-weight: ;
        --mdgov-nav-link-color: var(--mdgov-link-color);
        --mdgov-nav-link-hover-color: var (--mdgov-link-hover-color);
        --mdgov-nav-link-disabled-color: var(--mdgov-secondary-color);
    }

    .justify-content-center {
        justify-content: center !important;
    }

    .mdgov-social {
        display: flex;
        gap: 0.5rem;
        row-gap: 0.5rem;
        column-gap: 0.5rem;
    }
    
    .mdgov-social__icon{
        font-size: 2rem;
        color:#fff;
        line-height: 0;
        vertical-align: middle;
        text-decoration: none !important;
    }

    .fab {
        font-weight:400;
        font-family: "Font Awesome 6 Brands";
        display: var(inline-block);
        font-variant: normal;
        text-rendering:auto;
        font-style:normal;
        line-height: 1;
    }
    .fa-square-facebook .fa-facebook-square {
      /*  content: ""; */
        content:url("../Sitewide Images/dod_sm_facebook.png")
    }

    .dod_fa-facebook-square {
      /*  content: ""; */
        content:url("../Sitewide Images/dod_sm_facebook.png")
    }

    .fa-instagram {
        content: "";
    }
 
    .fa-x-twitter {
        content: "";
    }
    .dod_fa-x-twitter {
        content: "";
        content:url("../Sitewide Images/dod_sm_x_twitter.png")
    }

    .fa-square-youtube, .fa-youtube-square {
        content: "";
    }

    .mdgov-footer__copyright p {
        font-size: 14px;
    }

    .mdgov-footer__bottom{
        border-top: 1px solid rgba(255,255,255,.2);
        padding-top: 48px;
    }


    @media (min-width: 992px) {
        .mdgov-footer__top {
            flex-flow: row;
            flex-wrap: nowrap;
            gap: 32px;
            row-gap: 32px;
            column-gap: 32px;
        }

        .mdgov-footer__agency__address {
            text-align: left;
        }
    }

    @media(min-width: 768px) {
        *{scroll-margin-top: 100px;}
    }



</style>