h1 {
    color: #666666 !important;
    font-size: 1.5rem !important;
    /* padding-top: 20px; */
    /* padding-bottom: 10px; */
}
h2 {
    color: #666666 !important;
    font-size: 1.1rem !important;
    /* padding-bottom: 15px; */
}
h3 {
    padding-top: 15px;
    font-size: 1.4rem !important;
}
.pre-title {
    font-size: 1.25rem;
}
.bg-header {
    /*  */
    background:#0D3692 url("../img/cdc_badge-sm.png") no-repeat;
    min-height: 70px; 
}
.index-click {
    color: #0D3692;
    font-size: 1.5rem;
    margin-bottom: 0px;
    /* font-weight: bold; */
}
.index-click a {
    color: #0D3692;
}
.index-click a:hover{
    color: #666666;
}
.index-img {
    margin-top: -50px; 
    padding: 0px; 
    display: none;
}
.li-active-bg {
    background-color: rgba(13, 53, 146, 0.15); 
}
.nav a {
    color: #0D3692 !important;
}
.nav a:hover {
    color: #666666 !important;
}
.links a {
    color: #0D3692 !important;
}
.links a:hover {
    color: #666666 !important;
} */
.nav-bg {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0d3692+0,ffffff+100&0.15+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(13,54,146,0.15) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(13,54,146,0.15) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(13,54,146,0.15) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#260d3692', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.nav-bg img {
    margin-top: -50px;
    padding: 0px;
}
.nav-section {
    border-style: solid;
    border-width: 1px; 
    border-color:#0D3692;
    border-radius: 5px;
    color: #0D3692;
    margin: 20px 20px 0 20px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;  
}
.btn-primary {
    background-color: #0D3692 !important;
    border-color: #0D3692 !important;
}
.btn-primary:hover {
    background-color: #666666 !important;
    border-color: #666666 !important;
}
.alpha {
    color: #0D3692;
    font-weight: bold;
    font-size: 2.0rem;
}
.orau-kc-card > .card-heading {
    background-color: #e1e6f1 !important;
}
/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and up) */
/* @media (min-width: 300px) { 
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .nav-bg {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0d3692+0,ffffff+100&0.15+0,1+100 */
        background: -moz-linear-gradient(top,  rgba(13,54,146,0.15) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(13,54,146,0.15) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(13,54,146,0.15) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#260d3692', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
   
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    h1 {
        color: #666666 !important;
        font-size: 2.75rem !important;
    }
    .pre-title {
        font-size: 2.00rem;
    }
    /* .index-heading {
        font-size: 1.00rem !important;
    } */
    h2 {
        color: #666666 !important;
        font-size: 2.1rem !important;
        padding-bottom: 15px;
    }
    .bg-header {
        background:#0D3692 url("../img/header.png") center no-repeat;
        min-height: 111px; 
    }
    /* .index-click {
        color: #0D3692;
        font-size: 3.0rem;
        font-weight: bold;
    } */
    .index-img {
        margin-top: -100px; 
        padding: 0px;
        display: inline-block;
    }
    .col-10 {
        padding: 0px !important;
    }
 }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1280px) { 
    .index-bg-img {
        display: none;
    }
    .index-bg {
        /* https://css-tricks.com/perfect-full-page-background-image/ */
        background: url("../img/index-bg.jpg") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .index-img {
        margin-top: -100px; 
        padding: 0px;
        display: inline-block;
    }
    .index-click {
        color: #0D3692;
        font-size: 1.9rem;
        font-weight: bold;
    }
    .index-heading{
        font-size: 1.9rem !important; 
        padding-top: 0px;
    }
    .pre-title {
        font-size: 1.8rem;
        padding-top: 0px;
    }
    
     }
/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1680px) { 
    .index-bg {
        /* https://css-tricks.com/perfect-full-page-background-image/ */
        background: url("../img/index-bg.jpg") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .index-img {
        margin-top: -50px; 
        padding: 0px;
        display: inline-block;
    }
    .index-click {
        color: #0D3692;
        font-size: 3.0rem;
        font-weight: bold;
    }
    .index-heading{
        font-size: 3.0rem !important; 
    }

 }