/********** Start Header Section **********/

/*Header Image*/
header {
    height:100px;
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    background:white;
}

/* Header Image Size and Position */       
#header-image {
    width: 100%;
    margin-top: 0px;
}

/********** End Header Section **********/

/********** Start NavBar Section **********/

/* navbar color */
.navbar-inverse {
    background-color: #012443!important;
    margin-top: 350px;
    margin-bottom: 0px;
    border:none;
}

/* link color */
.navbar-inverse .navbar-nav>li>a {
    color: white;
}

/* link hover color */
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #216a61;
}

/********** End NavBar Section **********/

/********** Start Carousel Section **********/

/* bottom of carousel color */
header.carousel {
    height: 50%;
    border-bottom: 8px solid #012443;
}

/********** End Carousel Section **********/

/********** Start Panels Section **********/

/* panels color */ 
.panel-default>.panel-heading {
    color: white;
    background-color: #012443;
    border-color: #ddd;
}

/* Panel Button Normal State */
.btn-primary {
    color: #fff;
    background-color: #012443;
    border-color: #012443;
}

/* Panel Button Hove State */
.btn-primary:hover {
    color: #fff;
    background-color: #216a61;
    border-color: #216a61;
    
}

.text-primary {
    color: #216a61;
}

/********** End Panels Section **********/

/********** Start Footer Section **********/

p#copyright {
    text-align: center;
}

footer {
    margin-top:20px;
}

p#copyright {
    margin-top: 100px;
}

/********** End Footer Section **********/

/********** Meeting Minutes Page **********/

ul {
    list-style: none;
}

/********** Meeting Minutes Page **********/

 
@media screen and (max-width: 1920px) {
    
    .navbar-inverse {
     
    margin-top: 365px;
    margin-bottom: 0px;
    }            

@media screen and (max-width: 1750px) {
    
    .navbar-inverse {
     
    margin-top: 330px;
    margin-bottom: 0px;
    }        

@media screen and (max-width: 1580px) {
    
    .navbar-inverse {
     
    margin-top: 285px;
    margin-bottom: 0px;
    }    

@media screen and (max-width: 1390px) {
   
    .navbar-inverse {
    
    margin-top: 240px;
    margin-bottom: 0px;
    }

@media screen and (max-width: 1205px) {
    

    .navbar-inverse {
   
    margin-top: 191px;
    margin-bottom: 0px;
    }

@media screen and (max-width: 1010px) {
    

    .navbar-inverse {
   
    margin-top: 158px;
    margin-bottom: 0px;
    }

    ul.nav.navbar-nav.navbar-left {
    margin-left: -15px;
    }    

@media screen and (max-width: 870px) {
    
    .navbar-inverse {
     
    margin-top: 120px;
    margin-bottom: 0px;
    }

@media screen and (max-width: 720px) {
    

    .navbar-inverse {
    
    margin-top: 90px;
    margin-bottom: 0px;
    }

@media screen and (max-width: 590px) {
     

    .navbar-inverse {
    
    margin-top: 60px;
    margin-bottom: 0px;
    }

@media screen and (max-width: 470px) {
    

    .navbar-inverse {
     
    margin-top: 30px;
    margin-bottom: 0px;
    }

}

@media screen and (max-width: 370px) {
    

    .navbar-inverse {
  
    margin-top: 20px;
    margin-bottom: 0px;
    }

}

@media screen and (max-width: 305px) {
    

    .navbar-inverse {
  
    margin-top: 2px;
    margin-bottom: 0px;
    }

}

@media screen and (max-width: 270px) {
    

    .navbar-inverse {
  
    margin-top: 10px;
    margin-bottom: 0px;
    }

}

}