header nav .responsive-menu {
    display: none;
    margin: 0 auto;
    margin-right: 0 !important;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    z-index: 10;
    background-color: #000;
}

header nav .dl-menuwrapper button {
    width: 50%;
    text-indent: initial;
    border-radius: 5px;
    border: 2px solid #AEA757;
    box-shadow: 0 0 8px 0 black;
    background: #0f4a86; !important;
    color: white;
    font-size: 25px;
    transition: 300ms all linear;
}

header nav .dl-menuwrapper button:hover {
    background: #6ca2c7 !important;
}

.dl-menuwrapper .dl-menu {
    top: 47px;
    left: 0;
}

.dl-menuwrapper ul {
    background: #0f4a86;;
}

.dl-menuwrapper li a {
    color: #fff;
}

.dl-menuwrapper a:hover,
.dl-menuwrapper a:focus,
.dl-menuwrapper a:visited {
    text-decoration: none;
}

header #top-head .logo {
    display: none;
    margin-top: 10px;
    z-index: 20;
}

@media screen and (max-width: 995px) {
    header .black-bar {
        font-size: 12px;
    }

    #nav .nav-wrap {
         min-width: 925px;
    }

    #nav .nav-wrap .nav-links {
        width: 460px;

    }
}

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

    #header_wrapper {
        min-height: auto;
    }
    
    #header {
        position: relative !important;
    }

    header nav {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    header nav .responsive-menu {
        display: flex;
    }

    header nav .dl-menuwrapper button:after {
        content: none;
    }

    header .black-bar {
          display: none;
    }

    header #nav .nav-wrap {
        display: none;
    }

    header #top-head .welcome {
        display: none;
    }

    header #top-head .logo {
        display: block;
    }

    .wrap {
        margin-top: 0;
    }

    #content,
    #content .content-wrap {
        padding-top: 0;
    }

    #content .content-wrap {
        min-width: initial;
        max-width: initial;
        margin: 0 20px;
        padding-top: 5px;
    }

    .banner-overlay .overlay-wrap {
        min-width: initial;
        max-width: initial;
        flex-direction: column;
    }

    .content-wrap img {
        max-width: 100%;
    }

    .content-wrap .flex {
        flex-wrap: wrap;
    }

    .content-wrap object {
        max-width: 100%;
    }

    .content-wrap iframe {
        max-width: 100%;
    }

    footer .foot-wrap {
        min-width: initial;
        max-width: initial;
        flex-wrap: wrap;
        justify-content: center;
    }

    footer .col {
        margin: 15px;
    }
}

@media screen and (max-width: 570px) {
    header #top-head {
        height: 190px;
    }
}

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

    #nav, nav {
        width: 100%;
        height: 120px;
        display: block;
        background-color: #333333;
        text-align: center;
        top: 87px;
        padding-top: 50px;
    }
}