h1,h2, span, main > nav li.active a, main > nav li.active > a:before {
    color: #cc1100;
}
main > article li{
    margin: 10px 0;
    list-style: disc;
}

@media all and (max-width: 400px){
    main > nav > ul {
        /*padding-left: 405px;*/
        padding-bottom: 12px;
        overflow-x: scroll;
        display: block;
        white-space: nowrap;
        vertical-align: top;

    }

    main > nav > ul > li {
        vertical-align: top;
        padding: 0 5px;
        display: inline-block;
        width: 72px;
        white-space: normal;
    }

    main > nav {
        -webkit-flex: 0 0 40px;
        -moz-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
        -o-flex: 0 0 40px;
        flex: 0 0 40px;
        display: block;
        overflow-x: hidden;
    }
}