header {
    position:fixed;
}

.toggle ~ .togglee {
    opacity:0;
    display:none;
}

.toggle:checked ~ .togglee {
    opacity:1;
    display:block;
}

.toggle ~ .toggled {
    opacity:1;
    width:1px;
    height:1px;
    display:block;
    position:absolute;
    right:1.25em;
    top:.7em;
    font-size:2.5em;
    font-family: 'Switzer-Light';
}

.toggle ~ .toggled:after {
    content:'\002630';
    font-family: 'Switzer-Thin' !important;
    font-weight:100;
}

.toggle:checked ~ .toggled:after {
    content:'\002A2F';
}

header > ul {
    opacity: 0;
    position: absolute;
    background: rgba(255,255,255,.9);
    top:3.75em;
    width:100%;
    height:100vh;
    padding:3em 1em 0 5em;
    font-size:1.5em;
    font-family: 'Switzer-Thin';
}

header > ul > li > a {
    padding:1.5em 0;
    display: inline-block;
}

header > ul > li > ul > li > a {
    padding:.25em 0;
    display: inline-block;
    font-family: 'Switzer-Light';
    color:black;
}

.item .caption {
    width: calc(100% - 4px);
    text-align:center;
}