a.c-hero-flex__item {
	text-decoration:none;
}

.c-hero-flex {
/*        align-items: center; */
    display: flex;
    height: auto;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    padding: 30px;
    flex-wrap: wrap;
    flex-direction: row;
}

.c-hero-flex__item {
    background: {% if module.styling.background_color.color %}{% else %}#ffffff{% endif %};
    background-size: cover;
    box-shadow: inset 0 0 0 100vmax {% if module.styling.background_color.color %}rgba(, ){% else %}rgba(255, 255, 255, 0.5){% endif %};
    box-sizing: border-box;
    cursor: pointer;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    padding: 2em;
    text-align: left;
    transition: all .2s;
	align-content: center;
    flex: 1 1 0%;
    min-width: 300px;
    margin: 10px;
    text-decoration: none;
}

.c-hero-flex__item p,
.c-hero-flex__item .c-hero-flex__description,
.c-hero-flex__item .c-hero-flex__description p {
    color: {% if module.styling.description_color.color %}{% else %}#868f96{% endif %};
    font-size: {% if module.styling.description_font_size %}px{% else %}15px{% endif %};
    text-align: left;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.c-hero-flex__item:hover {
    box-shadow: inset 0 0 0 100vmax {% if module.styling.hover_background_color.color %}rgba(, ){% else %}rgba(121, 160, 75, 0.54){% endif %};
}

.c-hero-flex__item:nth-child(1) {
/*   background: #222 url(https://images.unsplash.com/photo-1417577097439-425fb7dec05e?dpr=1&auto=format&crop=entropy&fit=crop&w=1000&h=1000&q=80&cs=tinysrgb) no-repeat center center; */
}

.c-hero-flex__item:nth-child(2) {
/*   background: #222 url(https://images.unsplash.com/photo-1424460421773-58b49adfc68a?dpr=1&auto=format&crop=entropy&fit=crop&w=1000&h=1000&q=80&cs=tinysrgb) no-repeat center center; */
}

.c-hero-flex__item:nth-child(3) {
/*   background: #222 url(https://images.unsplash.com/photo-1442876906995-6761040d1f0b?dpr=1&auto=format&crop=entropy&fit=crop&w=1000&h=1000&q=80&cs=tinysrgb) no-repeat center center; */
}

.c-hero-flex__title {
    color: {% if module.styling.title_color.color %}{% else %}#bcd45b{% endif %};
    font-family: neue-aachen-pro, sans-serif;
    font-weight: 300;
    letter-spacing: .075em;
    transition: all .2s;
    font-size: {% if module.styling.title_font_size %}px{% else %}24px{% endif %};
}

.c-hero-flex__item:hover .c-hero-flex__title {
    color: {% if module.styling.title_hover_color.color %}{% else %}#ffffff{% endif %};
}

@media (max-width: 768px) {
    .c-hero-flex {
        flex-direction: column;
        padding: 15px;
    }
    
    .c-hero-flex__item {
        width: 100%;
        margin: 10px 0;
        padding: 1.5em;
        flex: 1 1 auto;
    }
    
    .c-hero-flex__item:hover {
        flex-grow: 1;
    }
}
