footer {
    background: #484e52;
    color: #fff;
    margin-top: 20px;
    padding: 25px 0;
}

.footer-logo img {
    display: block;
    margin: 0 0 10px 0
}

footer .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
}

.f_desc {
    margin-top: 10px;
}

.f_title {
    font-size: 20px;
    margin-bottom: 10px;
    font-family: "InformaPro-Bold"
}

footer a {
    color: #fff;
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid rgb(195 195 195 / .62);
}

footer a:hover {
    color: var(--color1);
}

footer svg {
    width: 30px;
    margin-right: 10px;
    fill: #fff;
    cursor: pointer;
}

@media (min-width: 768px) {
    footer {
        padding: 45px 10px
    }

    .f_desc {
        margin-top: 30px;
    }

    .f_title {
        margin-bottom: 25px;
    }

    footer .container {
        grid-template-columns: 2fr 1fr 1fr 1fr;
        grid-gap: 40px;
    }
}