.nav .menu {                /* main menu */
        padding: 0;
        margin: 0;
        list-style: none;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }

        .nav .menu > li {       /* main menu item */
            display: inline-block;
            margin: 0 15px 0 5px;
            padding: 0;
            font-size:  11pt;
            white-space: nowrap;
            position: relative;
        }

        .nav .menu > li > a {
            display: inline-block;
            color: #B5D3FF;
            text-decoration: none;
            padding: 7px 10px;
        }
        .nav .menu > li > a:hover {
            color: #000;
            background-color: #dcb24f;
            transition: color 200ms linear;
            transition: background-color 200ms linear;
        }
        

        .nav .menu > li.active, .nav .menu > li.selected {
            background-color: #dcb24f;
        }

        .nav .menu > li.active > a, .nav .menu > li.selected > a {
            color: #000;
        }

        .nav .menu li > ul {            /* submenu */
            top: 24pt;
            left: 0;
            padding: 0;
            list-style: none;
            display: none;
            position: absolute;
            z-index: 2;
            width: 200%;
            text-transform: none;
            -webkit-border-bottom-left-radius: 10px;
            -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            overflow: hidden;
            box-shadow: 3px 3px 2px 0 rgba(0,0,0,.4);
        }



            .nav .menu li > ul > li {   /* submenu item */
                font-size: 100%;
                font-weight: 400;
                padding: 7px 10px;
                margin: 0;
                width: 100%;
                white-space: normal;
            }

            .nav .menu li > ul > li:nth-child(even) {
                background-color: #dcb24f;
            }

            .nav .menu li > ul > li:nth-child(odd) {
                background-color: #E0BF6F;
            }
            
            .nav .menu li > ul > li > a {
                color: #000;
                text-decoration: none;
            }

        .nav .menu li.active > ul {        /* submenu */
            display: block;
        }
        
        .nav h1 {
            font-family: 'Roboto Condensed';
            color: #fff;
            font-size: 24pt;
        }