body {
    font-family: 'Arial','Helvetica', sans-serif;
}

.cookie {
    background-color: #367d90; /* Teal */
    color: #fff;
    padding: 20px;
}

.cookie a {
    color: #29268a;
}

h1, h2, h3, .h1, .h2, .h3, .contact-info, blockquote, .well {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

h1, .h1 {
    color: #29268a;
}

h2, .h2, h3, .h3 {
    color: #367d90;
}

header .contact-info {
    margin-top: 30px;
    color: #29268a; /* Dark blue */
}

header .contact-info a {
    color: #29268a; /* Dark blue */
    font-size: 22px;
}

nav.navbar {
    background-color: #29268a; /* Dark blue */
    margin-bottom: 18px;
    border-radius: 0px;
    font-size: 14px;
}

nav a, nav a:hover {
    color: #fff;
}

.nav>li>a:focus, .nav>li>a:hover, .nav>li.active {
    background-color: #367d90; /* Teal */
}

.logo, .mhfa {
    height: 200px;
    padding: 30px 0px;
}

blockquote {
    padding: 20px;
    border-left: 0px;
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
    border-radius: 3px;
    background-color: #367d90; /* Teal */
}

blockquote div {
    padding-top: 10px;
    text-align: right;
    font-style:italic;
    font-size: 14px;
}

footer {
    background-color: #367d90; /* Teal */
    padding: 30px 0px;
    color: #fff;
    margin-top: 20px;
}

footer h2 {
    color: #fff;
    font-size: 20px;
}

footer ul, .course-list {
    padding: 0px;
}

.course-list {
    margin-bottom: 0px;
}

.course-list li {
    list-style: none;
}

footer li{
    list-style: none;
    margin-bottom: 10px;
}

footer a {
    color: #fff;
}

footer .form-group {
    margin-bottom: 5px;
}

.btn-llc {
    background-color: #29268a; /* Dark blue */
}

.btn-llc:hover {
    background-color: #fff;
    color: #29268a; /* Dark blue */
}

.fa-inverse-llc
{
    color: #367d90; /* Teal */
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; margin: 10px 0px 20px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.people-img {
    margin: 0 auto 10px;
}

.profile {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .logo, .mhfa {
        height: 150px;
    }

    header .contact-info {
        font-size: 10px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    header .contact-info a {
        font-size: 16px;
    }

}

.navbar-toggle .icon-bar {
    background-color: #367d90; /* Teal */
}

.well-adult {
    color: #fff;
    background-color: #29268a; /* Dark blue */
}

.well-youth {
    color: #fff;
    background-color: #367d90; /* Teal */
}