body {
    padding-top: 4.5rem;
    padding-bottom: 160px;
    background: center url(/images/background.jpg) fixed;
    color: #e1f1ff;
}

nav {
    background-color: #13295B;
    border-bottom: 5px solid #13295B;
}

footer {
    position: fixed;
    bottom: 0px;
    right: 0px;
    height: 150px;
    width: 100%;
    background: bottom left url(/images/footer.png) no-repeat;
}

a {
    color: #3a91fc;
    transition: color 0.5s;
    text-decoration: none;
}

a:hover {
    color: #fff;
}

.video-container {
    height: 298px;
}

.chat-container {
}

.featurette-heading {
    color: #010d27;
}

.featurette-photo {
    filter: grayscale(100%) brightness(1.25);
    opacity: 0.75;
    transition: filter 0.5s, opacity 0.5s;
    border: 5px solid white;
}

.featurette-photo:hover {
    opacity: 1.0;
    filter: grayscale(0%);
}

hr.featurette-divider {
    color: #13295B;
    height: 4px;
    opacity: 1.0;
    margin: 3rem 0;
}

.container {
    background-color: #294688;
    padding: 10px 10px;
    border: 5px solid #13295B;
    margin-bottom: 1rem;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
    .video-container {
        height: 298px;
    }
}

@media (max-width: 991px) {
    .chat-container {
        margin: 0.5rem 0;
        height: 400px;
     }
}

@media (min-width: 992px) { 
    .video-container {
        height: 398px;
    }
 }

@media (min-width: 1200px) {
    .video-container {
        height: 488px;
    }

    .featurette-heading {
        margin-top: 4rem;
    }
}


.team-member {
    text-align: center;
}

.team-photo {
    overflow: hidden;
    border-radius: 10rem;
    width: 10rem;
    height: 10rem;
    border: 4px solid #13295B;
}