body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background: rgb(0, 0, 0);
    color: rgb(251, 250, 250);
    padding: 20px;
    text-align: center;

}

/* Tamanho do logo da pagina */
.logo {
    max-width: 100%;
    height: auto;
    width: 860px;
    display: center;
    /* tamanho máximo no PC */
}


.container {
    width: 500px;
    max-width: 750px;
    /* largura máxima 1250px */
    margin: 0 auto;
    padding: 20px;
    border: 5px;
    color: black;
}

.container-img {
    width: auto;
    max-width: 850px;

    /* largura máxima 1250px */
    margin: 0 auto;
    padding: 20px;
    display: center;
}

.grid {
    display: flex;
    gap: 20px;
}

.box {
    flex: ;
    background: #caf0f8;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
}

/* Stilo dos Links */
.links {
    flex: 1;
    background: #ffffff;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
}

.links img {
    width: 80px;
    /* largura fixa */
    height: 80px;
    /* altura fixa */
    object-fit: cover;
    /* mantém proporção e corta excesso */
    border-radius: 8px;
    /* cantos arredondados */
    display: flexbox;
}

/* Responsividade */
@media (max-width: 400px) {
    .grid {
        flex-direction: column;
        /* empilha no tablet/celular */
    }
}


/* Roda pe Ciação */
footer {
    text-align: center;
}