.footer {
    background-color: rgb(240  , 240 , 240);
    padding: 0.75rem;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(6, 1fr);
}

.footer__title {
    grid-column: 1/-1;
    grid-row: 1;
    margin-bottom: 1rem;
}

.footer__sitemap,
.footer__contacts,
.footer__links {
    grid-column: 1/-1
}

.footer__sitemap button:hover,
.footer__sitemap a:hover,
.footer__sitemap button:hover,
.footer__sitemap a:hover {
    opacity: 0.5;
}

.footer__subtitle {
    grid-column: 1/-1;
    grid-row: 5;
    margin-top: 1rem;
    line-height: 90%;
}

.footer__contacts h5,
.footer__links h5 {
    margin-bottom: 0;
}

.footer__contacts h5:not(:first-child) {
    margin-top: 1.2rem;
}

.footer__links__newsletter {
    margin-top: 1.2rem;
}

ul li {
    display: block;
}

ul li > a,
ul li > button {
    display: block;
}

/* Desktop */
@media only screen and (min-width: 52rem) {
    .footer {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr auto;
    }

    .footer__title, 
    .footer__subtitle {
        grid-column: 1/7;
    }

    .footer__subtitle {
        grid-row: 2;
        margin-top: 0;
    }
    
    .footer__subtitle {
        grid-column: 1/7;
    }

    .footer__sitemap ul {
        margin-bottom: 1rem;
    }

    .footer__sitemap,
    .footer__contacts,
    .footer__links {
        grid-column: span 2;
        grid-row: 1/3;
        padding: 4px 0;
    }

    .footer__contacts a:hover,
    .footer__links a:hover {
        opacity: 0.5;
    }

}