.search_wrapper {
    position: fixed;
    top: 4rem; left: 0; width: 100%;
    background-color: var(--typo-color-green-two);
    padding: 1.5rem 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .5s ease;
}
.search_wrapper.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.searchform label {
    height: 0; visibility: hidden;
    opacity: 0; pointer-events: none;
}

@media screen and (min-width:64em){
    .search_wrapper {
        top: 5rem;
    }
}