.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

ul.navbar-nav li {
    background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.btn-default:hover, button#view-post:hover{
    background-color: rgb(66, 66, 111);
    color: rgb(127, 208, 255);

}

.navbar {
    background-color: rgb(66, 66, 111);
}

.header {
    font-family: "Avant_Garde_1";
}
.header, .header a {
    color: transparent;
}
.header {
    margin: 0 auto;
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    z-index: 2;
    border-bottom: thick solid #9fd0ff;
}

.header, h1, .btn-default {
    background-color: rgb(227, 239, 250);
}

footer{
    background-color: #9fd0ff;
}

.header {
    text-align: left;
}

.header img {
    float: left;
    margin: 1% 0.5% 0.5% 0;
    text-align: center;
    width: 45%;
}

.header img {
    border: medium none;
}


@media (max-width: 767px) {
    
    .navbar {
    background-color: #fff;
}

.header {
    border-bottom: none;
}

.header img {
    float: left;
    margin: 1% 0 0 0;
    text-align: center;
    width: 100%;
}

.navbar-header {
    background-color: rgb(227, 239, 250);   
}
}