@media (min-width: 768px) and (max-width: 1199px) {
    body {
        font-size: 16px;
        line-height: 26px;
    }

    h1 {
        font-size: 40.625px;
        line-height: 42px;
    }

    h2 {
        font-size: 30px;
        line-height: 33px;
    }

    h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .navbar {
        max-width: 100vw
    }

    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .footer {
        padding: 20px;
    }

    .section-icon-item {
        flex: 50%;
    }

    .journey-section .section-icon-item {
        flex: 100%;
        display: flex;
        flex-direction: row;
    }

    .journey-section .section-icon {
        width: 90px;
        height: 90px;
        flex-basis: 90px;
    }

        .journey-section .section-icon + div {
            flex: 1;
            padding-left: 2rem;
        }

    .section-icon.step::after {
        display: none;
    }

    .section-icon.step-mobile::before {
        content: '';
        position: absolute;
        right: calc(50% - 12px / 2);
        top: -60px;
        width: 17px;
        height: 32px;
        background: url('/images/icons/arrow-down.svg') no-repeat;
        background-size: cover;
    }

    .home-image {
        left: 10px;
    }

        .home-image .rate-circle-split {
            transform: scale(0.7);
            position: absolute;
            top: 200px;
            left: -100px;
            z-index: 1;
        }

    .considerations-section .section-45 {
        position: absolute;
        right: -5%;
        top: -90px;
        width: 45vw
    }

        .considerations-section .section-45 img {
            max-width: 50vw;
        }

    .considerations-section .section-50 {
        width: 100%;
        margin-top: 22vw;
    }

        .considerations-section .section-50 h2 {
            max-width: 50vw;
        }

    .documents-section .section-icon-item {
        flex: 33%;
    }
}