.btn-primary{
    background-color: #005fb7;
    border-color: #005fb7;
    font-size: 14px;
    font-weight: bold;
    font-family: Work Sans, arial, Helvetica, sans-serif;
}

.btn-primary:hover{
    background: transparent linear-gradient(180deg, #0581F7 0%, #034888 100%) 0% 0% no-repeat padding-box;
    border-color: #0066cc;
}

.navbar{
    background-color: #ff6c00;
    border-color: #e7e7e7;
    border: none;
}

a.navbar-brand{
    color: white;
    font-weight: bold;
    padding-right: 50px;
    font-size: 24px;
}

.nav > li > a{
    color: white;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #ee6603;
}

.navbar-toggle {
    border-color: transparent;
    float: left;
    margin-left: 15px;
}

.navbar-toggle:hover{
    background-color: #ec5e06;
}

.navbar-toggle .icon-bar{
    background-color: white;
}

/* .navbar-toggle - animation for the haumburger icon */
.navbar-toggle .icon-bar:nth-of-type(2) {
    top: 1px;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
    top: 2px;
}
.navbar-toggle .icon-bar {
    position: relative;
    transition: all 300ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
    top: 6px;
    transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
}

@media (max-width: 767px) {

    .navbar{
        background-color: #4e4f57;
    }

    .navbar .container{
        background-color: #ff6c00;
    }

    .navbar-collapse{
        background-color: #4e4f57;
    }

    .nav > li > a:hover,
    .nav > li > a:focus {
        background-color: white;
        color: #4e4f57;
    }

    a.navbar-brand{
        width: 100%;
        position: absolute;
        float: none;
        display: block;
        text-align: center;
        padding-right: 0;
        padding-left: 0;
        margin: 0;
    }

    .navbar-toggle{
        z-index: 99;
    }
}

@media (max-width: 374px) {
    a.navbar-brand{
        font-size: 20px;
        padding-left: 50px;
        padding-right: 30px;
    }
}

@media (min-width: 768px) {
    a.navbar-brand {
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }

    a.navbar-brand {
        padding-right: 50px;
    }
}