.social-footer {
    padding: 1rem;
    background: $dark-gray;
    background: blue;
    background: #12388F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;

    .social-footer-icons {
        li:last-of-type {
            margin-right: 0;
        }

        .fab {
            font-size: 1.3rem;
            color: $white;

            &:hover {
                color: darken($dark-gray, 25%);
                transition: color 0.3s ease-in;
            }
        }
    }
}