.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, .blogBox h2, .reactBlogBox h3, .News h2, .btn-info {
    background-color: rgb(59, 52, 107);
}

.header {
    font-family: "Avant_Garde_1";
}
.header, .header a {
    color: transparent;
    background-color: rgb(200, 233, 244);
}
.header {
    margin: 0 auto;
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    z-index: 2;
    border-bottom-color: rgb(122, 191, 214);
}

footer {
    background-color: rgb(200, 233, 244); 
}

h1, .btn-default{
    background-color: rgb(224, 242, 255);
}

.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 img {
    float: left;
    margin: 1% 0 0 0;
    text-align: center;
    width: 100%;
}
.navbar-header {
    background-color: rgb(200, 233, 244);
}
}