#home-page {background: var(--c-brown);}


/* 
BACKGROUND
*/
#home_p-background {
    opacity: .8;
    z-index: 2;
}


/* 
HERO
*/
#home_p-hero {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    row-gap: 1rem;
    z-index: 5;
}

/* Logo */
#home_p-logo svg {
    width: 16rem;
    height: auto;
}
@media only screen and (min-width: 1096px) {
    #home_p-logo svg {
        width: auto;
        height: 14rem;
    }
}