<commit_before>.hero-unit {
    min-height: $hero-height-mobile;
    font-size: $font-size-lg;
    display: flex;
    flex-direction: row;
    align-items: center;

    position: relative;

    color: $brand-secondary;

    @media (min-width: $breakpoint) {
        min-height: ($hero-height-mobile + $hero-height) / 2;
        font-size: ($font-size-lg + 3.5rem) / 2;
    }

    @media (min-width: $breakpoint-md) {
        min-height: $hero-height;
        font-size: 3.5rem;
    }
}

.hero-unit__wrapper {
    flex: 1 0 40%;
    padding: $padding;
    line-height: 1.2;

    // after dialogue box
    .hero-unit:first-child & {
        margin-top: 16px;
    }

    @media (min-width: $breakpoint) {
        padding-left: 1em;
    }
}

.hero-unit__img {
    flex: 0 1 100%;
    align-self: stretch;

    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.hero-unit__copyright {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media print {
    .hero-unit {
        text-align: center;
        color: $print-black;
    }

    .hero-unit__img {
        display: none;
    }<commit_msg>fix hero-unit min-height in IE<commit_after>.hero-unit {
    font-size: $font-size-lg;
    display: flex;
    flex-direction: row;
    align-items: center;

    position: relative;

    color: $brand-secondary;
}

.hero-unit__wrapper {
    flex: 1 0 40%;
    padding: $padding;
    line-height: 1.2;

    // after dialogue box
    .hero-unit:first-child & {
        margin-top: 16px;
    }

    @media (min-width: $breakpoint) {
        padding-left: 1em;
        font-size: ($font-size-lg + 3.5rem) / 2;
    }

    @media (min-width: $breakpoint-md) {
        font-size: 3.5rem;
    }
}

.hero-unit__img {
    flex: 0 1 100%;
    align-self: stretch;

    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;

    // HACK: IE has a bug where min-height is ignored on elements with
    // `display: flex`. So we apply the it here instead of on .hero-unit.
    min-height: $hero-height-mobile;

    @media (min-width: $breakpoint) {
        min-height: ($hero-height-mobile + $hero-height) / 2;
    }

    @media (min-width: $breakpoint-md) {
        min-height: $hero-height;
    }
}

.hero-unit__copyright {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media print {
    .hero-unit {
        text-align: center;
        color: $print-black;
    }

    .hero-unit__img {
        display: none;
    }
{'fraction_non_alphanumeric': 0.1449859041482078, 'fraction_numerical': 0.017720499395892066, 'mean_word_length': 2.06288532675709, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5824571', 'n_tokens_mistral': 929, 'n_tokens_neox': 871, 'n_words': 197}