h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

.hero-image {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}

@media (min-width: 768px) {
    .hero-image {
        width: 50%;
        margin: 0 auto 1em;
    }
}