/*Header structure chages - image on top and menu centered below*/

#logo-container {
    max-width: 330px;
}

@media (max-width: 767px) {
    #logo {
        margin-left: 0px;
    }
    #header {
        padding-bottom: 10px;
    }
}

#nav-level-2 {
    vertical-align: middle;
}

#header > .wrapper::before {
    padding-top: 0;
}

@media (max-width: 1023px) {
    #logo img {
        padding: 5px 0 0 0;
    }
}


@media (min-width: 1024px) {
    #header {
        padding-top: 5px;
        padding-bottom: 15px;
    }
    #logo img {
        padding: 0px;
    }
    #header > .wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        table-layout: inherit;
    }

    #nav-search-wrapper {
        margin-right: 8px;
        float: right !important;
    }

    #logo-container {
        display: block;
        text-align: center;
        width: 330px;
    }

    #logo {
        display: inline-block;
    }
}

/*Font changes*/

ul, li, body, html, h1, h2, h3, h4,h5, p, a, a:link, dl, dt, form, #footer, #search-container th, #search-container .radio_label {
    font-family: Georgia, Times, serif;
}

#nav-level-2 .nav-main .nav-link {
    font-family: Verdana, Arial, sans-serif;
}

/* Newsletter form*/

.form-wrapper.cooley-signup div, .cooley-signup table {
    max-width: 231px;
}

.cooley-signup form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
}

.cooley-signup table td {
    padding: 3px;
}

.cooley-signup form input[name="ea"] {
    width: 146px;
    height: 16px;
    margin: 0 3px;
}

/* Available Artisrs and Archive */

.navigation-container {
    margin-bottom: 20px;
}

.navigation-letter span {
    font-size: 20px;
}

.letters-for-grid a,
.letters-for-list a {
    padding: 0 8px 0 0;
}

@media (min-width: 768px) {
    .artists-container .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-content: stretch;
        align-content: stretch;
    }
}

@media (max-width: 767px) {
    .artists-container .flex-container {
        max-height: none !important;
    }

    #buttons-container {
        float: left;
        display: block;
        clear: both;
        margin-left: -5px;
        margin-bottom: 20px;
    }

    .letters-for-list, .letters-for-grid {
        clear: both;
    }
}

.group-container {
    margin-bottom: 20px;
}

/* Footer */

.site_logos .grid-item.header p {
    margin-bottom: 0;
}