.color-hero .ch-col {
    display: flex;
    align-items: flex-end;
    height: auto;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 2rem;
}

.color-hero .ch-col .ch-wrap {
    max-width: 540px;
    padding: 0 1rem 0 1rem;
}

.color-hero .ch-col .ch-wrap img {
    margin-bottom: 2rem;
}

.color-hero .ch-col .ch-wrap h1 {
    font-size: 2.5rem;
    line-height: 1.1;
}

@media (min-width: 600px) {

    .color-hero .ch-col .ch-wrap h1 {
        font-size: 3.75rem;
    }
}

@media (min-width: 800px) {

    .color-hero .ch-col {
        height: 568px;
    }
}