footer {
    background-color: #202020;
}

#footer {
    padding: 0 30px;
}

#footer .footer-logo {
    margin-top: 0px;
}

.footer-contact h3 {
    font-weight: 600 !important;
}

.component-social-links ul li a {
    font-size: 20px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    color: #ccc;
}

.footer-copyright a:hover {
    color: #d00;
    transition: .4s;
}

@media (max-width:767px){
    #footer .col-xl-7 .component.column-splitter .col-md-8, #footer .col-xl-7 .component.column-splitter .col-md-4 {
        flex-basis: unset;
        box-sizing: border-box;
    }
    #footer-navigation nav>ul>li, #footer-navigation nav>ul>div {
        display: inline-block;
        vertical-align: top;
        width: 49% !important;
    }
    #footer nav>ul {
        flex-direction: unset;
    }

    #footer .col-xl-7 .component.column-splitter .col-md-4 .column-splitter .col-6 {
        flex-basis: unset;
        max-width: 100%;
    }

    #footer .col-xl-7 .component.column-splitter .col-md-4 .column-splitter .col-6 {
        flex-basis: unset;
        max-width: 50%;
    }

    .component.SocialMedia.social-links.col-12, .component.SocialMedia.component-social-links.col-12 {
        position: absolute;
        left: 205px;
        top: 50px;
        margin: 10px;
        width: auto;
    }
    #footer {
        padding: 0 15px;
    }
    #footer-navigation nav ul li ul li .navigation-title>a{
        padding: 8px 0px;
    }
    #footer .footer-wrapper .footer-contact {
        padding-top: 10px;
    }
}

.component-footer-contact h3{
    font-weight: 600 !important;
}

#footer-navigation nav ul li ul li .navigation-title>a{
    padding: 8px 0px;
}

@media(min-width:768px){
    #footer-navigation nav>ul .footer-nav-links{
        padding-right: 10px;
    }
    
    #footer-navigation nav>ul>li.level1{
        padding-left: 10px;
    }
}

#footer-navigation nav ul li.level1>.navigation-title>a{
    line-height: 1.2em;
}