body {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    word-break: break-word;
}

.row {
    align-items: center;
}

@media (width > 1024px) {
    .row:nth-child(n+5):nth-child(-n+8) {
        margin-top: -3rem;
    }
    .row:nth-child(9) {
        margin-top: 1rem;
    }
}

.row h2, h2 {
    font-weight: bolder;
    margin: 1rem 0;
}

.row p {
    margin-bottom: 1rem;
    text-align: justify;
}

.index-image {
    width: 100%;
    min-width: 140px;
    border-radius: 20px;
}

.site-index__blue {
    margin-bottom: 1rem;
}

@media (width < 440px) {
    .site-index .row {
        display: block;
        margin: 1rem;
    }
    .container.site-index div.row {
        display: flex;
    }
}

@media (width < 900px) {
    .row h2 {
        font-size: 1rem;
        text-align: left;
    }

    .site-index .row {
        flex-direction: column;
    }

    .site-index .col-4 {
        margin-bottom: 1rem;
    }

    .site-index .col-4, .site-index .col-8 {
        width: 100%;
        text-align: center;
    }

    .site-index .mobile-column-reverse {
        flex-direction: column-reverse;
        margin-bottom: 1rem;
    }

    .index-image {
        width: 100%;
        max-width: 450px;
    }
}

@media (width < 1400px )  and  (width > 900px) {
    .site-index__buttons {
        width: 400px;
        margin: 0 auto;
    }
}