body {
    margin: 0;
    padding: 0;
    max-width: 640px;
    min-width: 320px;
}
.cd-primary-nav {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 90%;
    padding: 50px 5%;
    z-index: 58;
    background-color: #04332b;
    overflow: auto;
}
.cd-primary-nav li {
    margin: 1.6em 0;
    text-align: center;
    text-transform: capitalize;
}
nav a {
    color: #fff;
    font-size: 20px;
}
.cd-overlay-nav {
    z-index: 56;
}
.cd-overlay-content {
    z-index: 56;
}
.cd-overlay-nav, .cd-overlay-content {
    position: fixed;
    top: 18px;
    right: 5%;
    height: 4px;
    width: 4px;
    transform: translateX(-20px) translateY(20px);
}
.cd-overlay-content span {
    background: #04332b;
}
.cl {
    clear: both;
}
ul, li {
    list-style-type: none;
}
a {
    color: #5f5f5f;
    text-decoration: none;
}