/*!
 * Start Bootstrap - Scrolling Nav (adapted for USC Data Science sites)
 * Code licensed under the Apache License v2.0.
 */

html, body {
    width: 100%;
    height: 100%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    overflow-x: hidden;
}

@media (min-width: 767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 4px 0;
    }
}

.intro-section {
    height: 100%;
    padding-top: 50px;
    color: white;
    text-align: center;
    background: #041008;
    background-size: cover;
    min-height: 780px;
}

.about-section {
    padding-top: 90px;
    background: #f5f8f5;
}

.features-section {
    padding-top: 90px;
    background: #ffffff;
}

.search-section {
    padding-top: 90px;
    background: #f0f4f0;
}

.learn-more-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #1a1a1a;
    color: #fff;
}

.learn-more-section h1,
.learn-more-section h3 {
    color: #fff;
}

.learn-more-section .featurette-divider {
    border-color: #444;
}

.learn-more-section p {
    color: #ccc;
}