footer#colophon {
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 2rem !important;
    padding-bottom: calc(50px + 4rem) !important;
    background-color: #000 !important;
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 8rem !important;
}

#site-info {
    display: none !important;
}

#footer-widgetarea {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#footer-widgetarea .widget-area {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
}

#footer-widgetarea .widget-area .widget {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#footer-widgetarea .widget-area .widget ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}

#footer-widgetarea .widget-area .widget ul li {
    margin: 0 !important;
    padding: 0 1rem !important;
}

#footer-widgetarea .widget-area .widget ul li a {
    font-size: 1rem;
    color: #fff !important;
}

.top {
    display: none !important;
}

@media(max-width: 768px) {
    footer#colophon {
/*         align-items: flex-start !important; */
        min-height: calc(50px + 3rem) !important;
    }
}

@media(max-width: 550px) {
    #footer-widgetarea .widget-area .widget ul {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
}