body {
    background-color: midnightblue;
    color: lightgrey;
}

.title {
    text-align: center;
}

.muted {
    color: gray;
    font-style: italic;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: lightgray;
    color: gray;
    font-family: Hack;
}

footer > span {
    margin-left: 1%;
}

.column {
    float: left;
}

.column.content {
    width: 55%;
}

.column.nav {
  width: 25%;
}

.column.sub-nav {
  width: 20%;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.column.nav > .nav {
    list-style: none;
}

.column.nav > .nav > li > a {
    color: antiquewhite;
}

.column.nav > .nav > li > a:visited {
    color: lightgray;
}

.column.nav > .nav > li > a:hover {
    color: cyan;
}

.column.sub-nav > .nav {
    list-style: none;
}

.column.sub-nav > .nav > li > a {
    color: antiquewhite;
}

.column.sub-nav > .nav > li > a:visited {
    color: lightgray;
}

.column.sub-nav > .nav > li > a:hover {
    color: cyan;
}

/*
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}
*/