/**
 * Be Inspired Hero styles
 */

.hero-be-inspired {
    position: relative;
    
    .hero-columns {
        display: flex;
        flex-wrap: wrap;
    }
    
    .hero-column-left {
        flex: 0 0 100%;
        max-width: 100%;
        
        @media (min-width: 992px) {
            flex: 0 0 60%;
            max-width: 60%;
        }
    }
    
    .hero-column-left-wrapper {
        padding-right: var(--spacing-md);
    }
    
    .larger-text {
        font-size: 1.25rem;
        line-height: 1.5;
    }
    

    
    h1 {
        margin-top: 0;
        margin-bottom: var(--spacing-md);
    }
}