body {
 font-family: 'Alegreya Sans', sans-serif;
 line-height: 1.6;
 color: #333;
 background-color: #f4f4f4;
}

nav {
 background-color: #2E4A6A;
 padding: 10px;
}

nav ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

nav ul li {
 display: inline-block;
 margin-right: 10px;
}

nav ul li a {
 display: block;
 padding: 5px 10px;
 color: #FFFFFF;
 text-decoration: none;
}

nav ul li a:hover {
 background-color: #526E8F;
}

@media (max-width: 768px) {
 nav ul li {
    display: block;
    margin: 10px 0;
 }

 nav ul li:nth-child(n+1) a:after {
    content: " ☰";
    font-size: 20px;
    padding-left: 10px;
 }
}