/* CSS Document */
.navbar {
    margin-bottom: 0;
    border-radius: 0;
    background-color: #171BDF;
    color:#FFF;
    padding:1% 0;
    font-size: 1.5em;
    border:0;
}
.navbar-brand {
    float:left;
    min-height:55px;
    padding:0 15px 5px;
}
.navbar-inverse .navbar-nav .active a, .navbar-inverse .navbar-nav .active a:focus, .navbar-inverse .navbar-nav .active a:hover{
    color:#FFF;
    background-color:#171BDF;
}
.navbar-inverse .navbar-nav li a {
    color:D5D5D5;
}
.carousel-caption{
    top: 50%;
    transform:translateY(-50%);
    text-transform: uppercase;
}
.btn{
    font-size: 18px;
    color:#FFF;
    padding:12px 22px;
    background-color: #171BDF;
    border: 2px solid #FFF;
}
.container {
    margin: 4% auto;
}
#icon {
    max-width: 200px;
    margin: 1% auto;
}
footer{
    width:100%;
    background-color: #171BDF;
    padding:5%;
    color:#FFF;
}
.fa {
    padding:15px;
    font-size: 25px;
    color:#FFF;
}
.fa:hover{
    color:#D5D5D5;
    test-decoration:none;

}
div.band{
    background-color: #171BDF;
    color:#FFF;
    text-align:center;
}
.lead{
    font-size: 16px;
    }

@media (max-width:900px){
    .fa{
        font-size: 20px;
        padding:10px;
    }
}

@media (max-width:600px){
    .carousel-caption {
        display:none;
    }
    #icon{
        max-width: 150px;
    }
    h2 {
        font-size: 1.7em;
    }
}
.video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}