#info-block {
    background: var(--c-beige);
    overflow-y: auto;
    overflow-x: hidden;
    transition: transform 2000ms;
    z-index: 100;
}
#info-block[data-status="close"] {transform: translateY(100%);}

.info_b-section {transition: opacity 1000ms;}
.info_b-section[data-view="hide"] {opacity: 0;}

/* 
HEADER
*/
#info_b-header {
    position: sticky;
    top: 0;
    transition: opacity 1000ms;
}


/* Icon */
.info_b-header-icon {
    top: 0;
    left: 0;
    transition: opacity 1000ms;
}

#info_b-back {
    display: none;
    opacity: 0;
}

.info_b-header-icon svg {
    width: 2rem;
    height: 2rem;
}


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



/* 
MAIN
*/
#info_b-main {
    max-width: 80rem;
    margin: auto;
    height: auto;
}
@media only screen and (min-width: 1096px) {
    #info-block:not([data-view="contact"]) #info_b-main {padding-top: 2rem;}
}




/* 
FOOTER
*/
#info_b-footer {
    row-gap: 1rem;
    margin-top: auto;
    transition: opacity 1000ms;
}