.navbar {
    background-image: linear-gradient(to right, #312e30 0%, #444345 100%);
}

.navbar-default {
    background: #312e30;
    border-color: #312e30;
}

    .navbar-default .navbar-nav a,
    .navbar-default .navbar-nav button {
        color: #fff !important;
    }

        .navbar-default .navbar-nav a:hover,
        .navbar-default .navbar-nav a:focus,
        .navbar-default .navbar-nav button:hover,
        .navbar-default .navbar-nav button:focus {
            background-color: #312e30 !important;
            color: #FFC0CB !important;
        }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #312e30 !important;
        color: #FFC0CB !important;
    }

.logo {
    height: 80px;
}

h1, h2, h3, h4, h5, h6 {
    color: #4C6E78;
}

.panel-primary > .panel-heading {
    background-color: #312e30;
    border-color: #312e30;
}

.panel-primary > .panel-heading {
    background-color: #312e30;
    border-color: #312e30;
}

.btn-primary {
    color: #000;
    background-color: #fff;
    border-color: #e5e5e5 !important;
}

    .btn-primary:focus,
    .btn-primary:hover {
        color: #000 !important;
        background-color: #fff !important;
        border-color: #cecece !important;
    }

    .btn-primary[disabled] {
        background-color: #312e30;
        border-color: #595959;
    }

    .btn-primary.btn-labeled .btn-label {
        background-color: #595959;
        color: #ff98aa;
    }
.jumbotron {
    height: 250px;
}