/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    background:#e7edf2;
    font: 16px/24px "nimbus-sans",sans-serif;
    color:#768693}

p {
    margin-bottom:15px}

.center {
    margin:0 auto}

h2, h3 {
    font: 24px/24px "nimbus-sans",sans-serif;
    color:#004877;
    margin:0 0 30px 0}
h3 {
    font-weight:700}

.text-center {
    text-align:center}
.form-control {
    text-align:left}
img.row {
    margin-left:0;
    margin-right:0}
.col-xs-12 {
    padding:0}
.jumbotron {
    text-align:center;
    color:#fff;
    background:#004877;
    letter-spacing:1px;
    padding:100px 0;
    margin-bottom:100px}
.jumbotron h1 {
    font:24px/36px "nimbus-sans",sans-serif}
.jumbotron p {
    font:20px/28px "nimbus-sans",sans-serif;
    font-weight:300;
    color:#d3e0e9}
.video-thumb {
    margin:100px auto 50px;
    float:none}
.form-control {
    margin-bottom:15px}

.content {
    background:#fff}

.content section {
    padding:50px 20px;
    border-bottom:1px solid #a6bfd0}
.submenu {
    border-top:1px solid #a6bfd0;
    font:20px/36px "nimbus-sans",sans-serif;
    font-weight:300;
    font-style:italic;
    padding:30px 20px;
    margin-top:50px;
    }

.submenu a {
    display:block;
    margin-left:10px;
    font-size:17px;
    font-style:normal;
    font-weight:700;
    color:#1d252c}
.submenu a:hover {
    color:#004877;
    text-decoration:none}
.callout {
    color:#1d252c;
    font:20px/28px "nimbus-sans",sans-serif;
    font-weight:300}

.row {
    margin-top:40px}

footer {
    text-align:center;
    margin: 30px 0}

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

@media only screen and (min-width: 630px) {
    .submenu a {
        display:inline-block}
}
@media only screen and (min-width: 992px) {
    .video-thumb {
        margin:100px auto}
    
    .jumbotron h1 {
        font:36px/42px "nimbus-sans",sans-serif}
    
    .jumbotron p {
        font:24px/32px "nimbus-sans",sans-serif;
        font-weight:300}
    
    .content section {
        padding:100px 170px}
    .breaker {
        display:block}
    .submenu a {
        display:inline-block;
        font-size:24px}
    
    .callout {
        font:24px/36px "nimbus-sans",sans-serif}
}

@media only screen and (min-width: 1200px) {
    .breaker {
        display:inline-block}
}