.input-menu-check {
    display:none;
}


.label-menu {
    cursor: pointer;
    padding:1em 0 0 0;
    position:absolute;
    right:1em;
    top:0.5em;
}


.span-menu {
    background: white;
    display: block;
    height: 0.25em;
    position: relative;
    width: 1.5em;
}


.span-menu::before,.span-menu::after{
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .25s ease-out;
    width: 100%;
}


.span-menu::before {
    top: 0.5em;
}


.span-menu::after {
    top: -0.5em;
}


.input-menu-check:checked ~ .label-menu .span-menu::before { 
    transform: rotate(-45deg); top:0;
} 


.input-menu-check:checked ~ .label-menu .span-menu::after { 
    transform: rotate(45deg); top:0;
} 


.input-menu-check:checked ~ .label-menu .span-menu { 
    background: transparent; 
}


.div-menu-list {
    display:none;
}


.input-menu-check:checked ~ .div-page-vertical {
    display:grid;
    grid-template-columns:auto;
    justify-items:center;
    text-align:center;
    padding:0 0 2em 0;
    row-gap:1em;
}


.input-menu-check:checked ~ .div-home-vertical {
    display:grid;
    grid-template-columns:auto;
    row-gap:1em;    
    text-align:center;
    justify-items:center;
}


.div-hamburger-filler
{
    height:1em;
}