.footer {
    background: var(--primary);
    color: #fff;
    padding: 60px 0 20px;
}

    .footer h3,
    .footer h5 {
        margin-bottom: 20px;
    }

    .footer a {
        color: #fff;
        text-decoration: none;
        display: block;
        margin-bottom: 10px;
    }

        .footer a:hover {
            color: #ddd;
        }

    .footer hr {
        border-color: rgba(255,255,255,.2);
        margin: 30px 0;
    }
@media (max-width: 767px) {

    .footer {
        text-align: center;
    }
}