#nav-start,
#nav-primary,
#nav-secondary { font-weight: lighter; }

#nav-start {
    background-color: #1d327c;
}
    #nav-start a { color: #f3c716; }
    #nav-start a:hover { color: #f9edbd; }


#nav-primary,
#nav-secondary {
    background-color: #0054a6;
}
    /* #nav-primary, #nav-secondary a:not(.btn) {
        text-shadow: 2px 2px 2px #333;
    } */
    #nav-primary a,
    #nav-secondary a { color: #ffffff; }
    #nav-primary a:hover,
    #nav-secondary a:hover,
    #nav-primary a.active,
    #nav-secondary a.active { color: #f3c716; }

    #nav-secondary a:not(.btn) {
        padding-top: 0.6rem; padding-bottom: 0.6rem;
        padding-left: 1.1rem; padding-right: 1.1rem;;
    }
    #nav-secondary a:not(.btn).active {
        background-color: #1d327c!important;
        -webkit-transform: skew(-25deg, 0deg);
        transform: skew(-25deg, 0deg);
    }
        #nav-secondary a:not(.btn).active > * {
            -webkit-transform: skew(25deg, 0deg);
            transform: skew(25deg, 0deg);
        }
      
@media (min-width: 768px) {    
    #nav-primary {
        background-image: url("../img/navbar-bg.png");
        background-position: top right 5%;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
}

#nav-secondary {
    border-bottom: 5px #f3c716 solid;
}

a#estimate-btn { background-image: linear-gradient(#fde967, #ffc10e 80%); }
    a#estimate-btn:hover { background-image: linear-gradient(#fff29a, #facd46 90%); }