@media (max-width: 768px) {
    .hero .carousel-caption {
        text-transform: none;

        .title {
            font-size: 2rem;
            font-weight: bold;
            color: #fcde05;
            line-height: 2rem;
            margin-bottom: .5rem;
            text-shadow: 1px 1px 2px #333;
        }

        .description {
            color: #fff;
            font-size: 1.25rem;
            font-weight: 600;
            text-shadow: 1px 1px 2px #333;
        }
    }

    h1 {

        color: #3E8ABF;
        font-size: 1.50rem;
        margin-bottom: 1.75rem;
        text-shadow: 1px 1px 1px #333;
        font-weight: 400;
    }
}

@media (min-width: 769px) {
    .hero .carousel-caption {
        text-transform: none;

        .title {
            font-family: 'Roboto Slab', serif;
            font-size: 2.35rem;
            font-weight: bold;
            line-height: 3rem;
            margin-bottom: .7rem;
            text-shadow: 1px 1px 2px #333;
            color: #fcde05;
        }

        .description {
            color: #fff;
            font-size: 1.50rem;
            font-weight: 600;
            text-shadow: 1px 1px 2px #333;
        }
    }

    h1 {
        color: #3E8ABF;
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
        text-shadow: 1px 1px 1px #333;
        font-weight: 400;
    }
}

h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 1.35rem;
    color: #31608e;
    font-weight: 700;
}

h3 {
    font-size: 1.1rem;
    font-weight: 600;
}

hr {
    margin: -2rem 0;
}

.nav-main {
    padding-left: 150px;
}

.navbar-nav a.nav-link {
    font-size: 1.2rem;
    font-weight: 600;
    color: #31608e;
}

.navbar-nav a.nav-link:hover {
    color: #0a0a0a;
    text-decoration: none;
}

.navbar-nav .dropdown-menu a {
    font-weight: 600;
}

.page-footer h4, .page-footer .h4 {
    color: #31608e;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 400;
}

.text-info {
    color: #087d99 !important;
}

a {
    color: #31608e;
    text-decoration: none;
}

a:hover {
    color: #0a0a0a;
    text-decoration: underline;
}

.news .no-news-found {
    color: #31608e !important;
}

#picture-1444-0 img {
    box-shadow: 2px 2px 4px 0 #696969;
}

.nav-footer a {
    color: #31608e;
}

.nav-footer a:hover {
    color: #0a0a0a;
    text-decoration: underline;
}

.btn {
    background-color: #005262;
    color: #fff;
}

.btn:hover {
    background-color: #00323c;
    text-decoration: none;
    border-color: #00272f;
}

.subheadline {
    font-size: 1.5rem;
    color: #0a0a0a;
}

.form-label {
    color: #0a0a0a;
}