* {
    margin: 0;
    box-sizing: border-box;
}
:root {
    ----color_bg: #D3C8DE;
    --color_th: #87998b;
    --color_bg_font: #34562b;
    --color_th_font: #454645;
    --color_hover_font: #2f995f;
    --color_hover: #33340C;
}

.quattrocento-regular {
  font-family: "Quattrocento", serif;
  font-weight: 400;
  font-style: normal;
}

.grid_container {
    display: grid;
    grid-template-rows: 15dvh 33dvh auto;
    grid-template-columns: auto;
    grid-template-areas: 
        "header"
        "search"
        "adresses";
}

.header {
    grid-area: header;
}
.adresses {
    grid-area: adresses;
}
.search {
    grid-area: search;
}

@media only screen and (max-width: 576px) {
    .grid_container {
        grid-template-rows: 8dvh 32dvh max-content;

    }
}