/* Campaigns Page Template */

.camp-intro {
    padding: 40px 0;
    text-align: center;
}

.camp-intro p {
    font: 400 15px/1.8em 'Montserrat', sans-serif;
    color: #333;
    margin: 0 0 12px 0;
}

/* Current Campaign - dark coral section */
.camp-current {
    background: #e05555;
    padding: 50px 0;
    text-align: center;
}

.camp-current h2 {
    font: 700 36px/1.3em 'Montserrat', sans-serif;
    color: #fff;
    margin: 0 0 15px 0;
    text-align: center;
}

.camp-current p {
    font: 400 15px/1.7em 'Montserrat', sans-serif;
    color: #fff;
    margin: 0 0 10px 0;
}

/* Archive header - red section */
.camp-archive-hd {
    background: #000000;
    padding: 40px 0;
    text-align: center;
}

.camp-archive-hd h2 {
    font: 700 36px/1.3em 'Montserrat', sans-serif;
    color: #fff;
    margin: 0 0 10px 0;
    text-align: center;
}

.camp-archive-hd p {
    font: 400 15px/1.7em 'Montserrat', sans-serif;
    color: #fff;
    margin: 0;
}

/* Shortcode area - campaigns go here */
.camp-shortcode-area {
    padding: 20px 0 0;
}

/* Approach section */
.camp-approach {
    padding: 50px 0;
    text-align: center;
    border-top: 1px solid #eee;
}

.camp-approach h2 {
    font: 700 28px/1.3em 'Montserrat', sans-serif;
    color: #000;
    margin: 0 0 15px 0;
    text-decoration: underline;
    text-align: center;
}

.camp-approach p {
    font: 400 15px/1.7em 'Montserrat', sans-serif;
    color: #333;
    margin: 0 0 10px 0;
}

/* Bottom CTA - red */
.camp-cta {
    background: #f24c4c;
    padding: 50px 0;
    text-align: center;
}

.camp-cta h2 {
    font: 700 30px/1.3em 'Montserrat', sans-serif;
    color: #fff;
    margin: 0 0 15px 0;
    text-align: center;
}

.camp-cta p {
    font: 400 15px/1.7em 'Montserrat', sans-serif;
    color: #fff;
    margin: 0 0 10px 0;
}

@media (max-width: 768px) {
    .camp-current h2,
    .camp-archive-hd h2 {
        font-size: 28px;
    }

    .camp-intro,
    .camp-approach {
        padding: 30px 15px;
    }
}