@media only screen and (max-width: 1024px) {
    main {
        padding: 48px;
    }

    .feature {
        width: calc(50% - 24px) !important;
        flex: unset;
    }

    .boxes-container {
        flex-direction: column;
    }

}

@media screen and (max-width: 600px) {
    main {
        padding: 28px;
    }

    section {
        margin-top: 90px;
    }

    h1 {
        font-size: 41px;
    }

    section#header p {
        font-size: 22px;
        text-align: center;
        line-height: 140%;
    }

    section#commission {
        margin-top: 64px;
    }

    h4 {
        line-height: 140%;
        font-size: 19px;
    }

    h2 {
        font-size: 29px;
    }

    ol li span {
        font-size: 52px;
        width: 32px;
        min-width: 32px;
    }

    ol li {
        width: 262px;
        font-size: 21px;
        line-height: 130%;
    }

    .how-it-works {
        padding: 0 32px;
    }

    .features-container,
    .boxes-container {
        flex-direction: column;
    }

    .features-container {
        margin: 48px 0 104px 0;
    }

    .feature {
        padding: 32px;
        width: unset;
        flex: 1;
        min-width: 100%;
    }

    section#earnings h2 {
        text-align: center;
        margin: 42px 0;
    }

    .box-content {
        padding: 32px 32px 14px 32px;
    }

    section#earnings .transparent {
        line-height: 155%;
        margin: 24px 0 0 0;
    }
}