/* ============================
   SHARED COMPONENTS
============================ */

/* Navbar stays above hero overlays */
.navbar {
    position: relative;
    z-index: 20;
}

/* Generic parallax section (used by multiple pages) */
.parallax-section {
    background: url('/images/parallax.jpg') center/contain fixed no-repeat;
    position: relative;
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .parallax-section {
        background-attachment: scroll;
    }
}

/* Footer */
.ui-footer {
    background: #000;
}

.ui-footer p {
    color: #ffffff;
}