.footer {
    padding: 40px 0;
    background-color: #000;
}
.footer-logo,
.footer-nav {
    float: left;
    padding: 0 20px;
    width: 20%
}
@media (max-width: 768px) {
    .footer-logo {
        margin-bottom: 20px
    }
    .footer-logo,
    .footer-nav {
        float: none;
        display: block;
        width: 100%
    }
}
.footer-logo {
    margin-top: -5px;
    height: 32px;
    line-height: 32px
}
.footer-logo img {
    margin-right: 10px
}
.footer-logo a {
    font-size: 20px;
    font-weight: 700;
    color: #FFF
}
.footer-logo a:active,
.footer-logo a:hover {
    text-decoration: none
}
.footer-nav .nav-title {
    margin-bottom: 15px;
    color: #E6E9ED
}
.footer-nav .nav-item {
    line-height: 28px
}
.footer-nav .nav-item>a {
    color: #AAB2BD
}
.footer-nav .nav-item>a:active,
.footer-nav .nav-item>a:hover {
    color: #CCD1D9;
    text-decoration: none
}
.footer-copyright {
    color: #AAB2BD
}