/* =========================================================
GLOBAL PAGE LAYOUT
========================================================= */

.pageContent {
display: block;
}

/* =========================================================
HERO SECTION
========================================================= */

.cap-hero {
padding: 80px 0 40px 0;
}

.cap-container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}

.cap-topline {
font-size: 13px;
letter-spacing: 2px;
color: #c9a24b;
margin-bottom: 20px;
text-transform: uppercase;
}

.cap-intro {
font-size: 17px;
line-height: 1.75;
max-width: 900px;
color: #dddddd;
}

/* =========================================================
HERO IMAGE
========================================================= */

.cap-image {
margin: 60px 0;
}

.cap-hero-img {
width: 100%;
max-width: 1100px;
height: auto;
display: block;
margin: 0 auto;
border: 1px solid #555;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
}

.cap-caption {
margin-top: 16px;
text-align: center;
font-size: 12px;
letter-spacing: 2px;
color: #c9a24b;
text-transform: uppercase;
}

/* =========================================================
SECTION LAYOUT
========================================================= */

.cap-section {
margin-top: 70px;
padding-top: 40px;
border-top: 1px solid #555;
}

.cap-section.soft {
background: #111111;
}

.cap-section h2 {
font-size: 28px;
color: #c9a24b;
margin-bottom: 12px;
font-weight: normal;
}

/* Small gold line under each title */
.section-line {
width: 60px;
height: 2px;
background: #c9a24b;
margin: 10px 0 18px 0;
}

/* Paragraphs inside sections */
.cap-section p {
font-size: 16px;
line-height: 1.75;
max-width: 900px;
color: #dddddd;
margin-bottom: 10px;
}

/* Capability grade line */
.cap-grade {
font-size: 13px;
letter-spacing: 1px;
color: #aaaaaa;
margin-top: 12px;
text-transform: uppercase;
}

/* =========================================================
CTA BUTTONS INSIDE SECTIONS
========================================================= */

.cap-section .button {
margin-top: 18px;
display: inline-block;
}

/* =========================================================
LAST SECTION CONTROL
========================================================= */

.last-section {
margin-bottom: 40px;
}

/* =========================================================
RESPONSIVE TUNING
========================================================= */

@media (max-width: 768px) {

.cap-hero {
padding: 60px 0 30px 0;
}

.cap-section {
margin-top: 50px;
padding-top: 30px;
}

.cap-section h2 {
font-size: 24px;
}

.cap-section p {
font-size: 15px;
}

}