.footer {
    padding: 7px 0;
    background: #15171F;
    color: #ffffff;
}

.footer__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer__nav-item {
    font-weight: 600;
    transition: 200ms ease all;
}

.footer__nav-item:hover {
    color: #009BFF;
}

.footer__nav-item {
    margin-right: 24px;
}

.footer__nav-item:last-child {
    margin-right: 0px;
}

@media screen and (max-width: 767px) {
    .footer{
        padding: 15px 0;
    }
    .footer__container {
        flex-direction: column;
    }
    .footer__logo {
        order: 1;
    }
    .footer__nav {
        order: 2;
        margin: 15px 0;
    }
    .footer__copyright {
        order: 3;
    }
}