img {
    display: block;
    width: 100%;
}


h1 {
    color: brown;
    display: flex;align-content: center;margin: auto;
    
}

div {
    border: solid 3px red
}

.grelha {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;

    width: 80%;
    margin-right: auto;
    margin-left: auto;

}


/* .duas_colunas {
    grid-column: span 2;
}
 */

#equipa {
    grid-column: 1/3;

    /*     grid-column-start: 1;
    grid-column-end: 3; */
}

#apresentacao {
    grid-column: 3/5;
}

#sembola {
    grid-column-start: 1;
    grid-column-end: 3;
}

@media (max-width: 500px) {


    .grelha {
        display: block;
        width: 95%;

    }


}