header > ul {
    display:inline-block;
    vertical-align:baseline;
    height:1em;
    font-size:1.5em;
}

header > ul > li {
    display: inline-block;
    font-family: 'Switzer-Thin';
}

header > ul > li:first-child {
    position: absolute;
    right:50%;
}

header > ul > li:nth-child(2) {
    position: absolute;
    right:25%;
}

header > ul > li > a {
    padding: 2.5em 2.5em 0 0;
}

header > ul > li:nth-child(2) > a {
    margin:25%;
}

header > ul > li > ul {
    width:15em;
    min-height:15em;
    opacity: 0;
    position: absolute;
    background: rgba(255,255,255,.9);
    top:2.5em;
    padding:0;
    transition: opacity .25s .25s;
    margin-left: -2em;
}

header > ul > li:hover > ul {
    display: block;
    opacity: 1;
    transition: opacity .1s .1s;
}

header > ul > li > ul > li > a {
    padding:.5em 1em;
    display: inline-block;
}

.container {
    grid-template-columns: 50% 50%;
}

.item img {
    opacity: .9;
    transition: opacity .25s;
}

.item:hover img {
    opacity: 1;
}

.item .caption {
    min-width:50%;
}