.menufrise {
    display: none;
    flex-basis: 100%;
    list-style: none;
}

.menufrise-checkbox:checked ~ .menu {
    display: block;
}

.menufrise-checkbox {
    opacity: 0;
    position: absolute;
    top: -5000px;
}

.menufrise-toggle {
    padding: .5em;
    color: white;
}

.menufrise-checkbox:focus + .menufrise-toggle {
    outline: grey auto 5px;
}

.nav-wrapper {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 60em) {
    .menufrise-toggle, .menufrise-checkbox {
        display: none;
    }
    .menufrise {
        display: block;
        flex-basis: auto;
        margin: 0;
        padding: 0;
    }
    .menufrise li {
        display: inline-block;
    }
}