body {
    padding-top: 70px;
    font-family: Roboto, sans-serif;
    /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-size: 16px;
    background: #f7f7f7
}

aside {
    padding: 80px 0;
}

header {
    background-color: #005496;
    background-image: linear-gradient(145deg, #005496 0%, #2196F3 100%);
    color: #fff;
    height: 100%;
    padding: 70px 0;
    text-align: left;
}

h1 {
    margin: 0;
    font-size: 36px;
    margin-bottom: 30px;
}

h2 {
    font-size: 26px;
}

.btn.ccar {
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 18px;
    background: #ffffff;
    border: none;
    color: #333333
}

.btn.ccar:hover {
    opacity: .85
}

.bg-cta {
    background-color: #005496;
    background-image: linear-gradient(145deg, #005496 0%, #2196F3 100%);
}

.navbar-brand {
    height: 70px;
}

.navbar-nav>li>a {
    line-height: 40px;
    font-weight: 700;
}

.content-section-a {
    padding: 50px 0;
}

.content-section-b {
    padding: 50px 0;
    background-color: #a7d3dc;
}


/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */


}
.lead {
    font-size: 21px;
}
.cover {
    width: 100%;
    margin-bottom: 15px
}
.btn-cta {
    background: #f15a22;
    color: #fff;
    border-radius: 0;
    width: 100%;
}
.cover-frame {
    background: rgba(255, 255, 255, .5);
    padding: 15px;
}
.content-section-a img {
    width: 100%;
    padding: 0;
    padding-bottom: 30px;
}
.content-section-b img {
    width: 100%;
    padding: 0;
    padding-bottom: 30px;
}

/* Customize the text color and shadow color and to optimize text legibility. */
.tagline {
    text-shadow: 0 0 10px #000;
    color: #fff;
}
.img-center {
    margin: 0 auto;
}
.invisible-xs {
    display: none;
    visibility: invisible
}
.paper-title {
    background: #000000;
    color: #ffffff
}
footer {
    padding: 15px 0 5px 0;
    background: #222222;
    color: #fff;
    text-align: center
}
.module[data-emergence=visible] {
    opacity: 1;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}
hr.section-heading-spacer {
    border-color: transparent;
}
.sidebar {
    background-color: #BBDEFB;
    padding: 16px;
    display: block;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    -webkit-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    background-color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    margin-bottom: 24px;
}
.sidebar ul {
    margin: 0;
    padding: 0;
}
.sidebar li {
    list-style-type: none;
    margin-bottom: 16px;
}
.sidebar h3 {
    margin: 0;
    padding: 20px 16px;
}
.article-title {
    font-size: 16px
}
.source {
    font-size: 14px
}
h4 {
    padding: 0 16px;
}
@media (min-width: 540px) {
    img.right {
        width: 300px;
        padding: 30px;
        padding-top: 0;
        padding-right: 0;
        float: right
    }
    
    img.left {
        width: 300px;
        padding: 30px;
        padding-top: 0;
        padding-left: 0;
        float: left
    }
}
@media (min-width: 768px) {
    .module[data-emergence=hidden] {
        opacity: 0;
    }
    
    .content-section-a * {
        text-align: left
    }
    
    .content-section-b * {
        text-align: right
    }
    
    .invisible-xs {
        display: block;
        visibility: visible
    }
}