/*   @média queries : exercices chapitre 4   */

@media screen and (max-width: 960px) {

    body {
        grid-template-rows: 10% 620px 10%;
    }

    h2 {
        font-size: 28px;
    }

    .div1 {
        font-size: 28px;
    }

    footer {
        grid-template-columns: 1fr 0.5fr;
        padding: 0 5px;
    }

    .foot2{
        padding: 2px 15px;
        margin: 5px;
        display: flex;
        align-items: center;
    }

    .s8 {
        width: 30px;
    }
}