@use '../variables'
.one-footer
    display: flex
    align-items: center
    justify-content: center
    width: 100%
    min-height: 200px
    background-color: variables.$dark
    color: variables.$light
    padding: 1.5em 0
    .row 
        width: 100%
    .menu-item
        display: block
        padding: 0.25rem 0
.footer-menu, .social-menu
    ul.footer-menu-wrapper, ul.social-menu-wrapper
        padding: 0
        list-style-type: none
        li.menu-item
            a
                color: variables.$light

.social-menu
    ul.social-menu-wrapper
        display: flex
        flex-direction: row
        li.menu-item
            padding: 0.25rem
            a
                padding: 0.25rem

@media (min-width: 1200px)
    .one-footer
        .row
            height: 100%