//
// HOMEPAGE
// --------------------------

#agave_home {
    .hero-section{
        background-size: cover;
        background-repeat: no-repeat;
        padding: 130px 0px;
        h1{
            color: #fff;
            font-weight: bold;
        }
        p{
            color: #fff;
        }
        hr{
            margin: 45px 0px 30px;
            border-bottom: 3px solid #CCCCCC;
        }
    }
    .overview-section{
        padding: 60px;
        background-color: #fff;
        h3{
            margin-bottom: 30px;
        }
        p{
            font-size: 20px;
            margin-bottom: 20px;
            line-height: 32px;
        }
    }
    
    // Import styles for the entire section
    @import "../components/agave-steps-rollout";

}