@media screen and (max-width: 1024px) {

    h1 {
        font-size: 40px;
        line-height: normal;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 36px;
        line-height: normal;
        margin-bottom: 14px;
    }

    h3 {
        font-size: 24px;
        line-height: normal;
    }

    p {
        font-size: 18px;
        line-height: 30px;
        margin-top: 0px;
    }

    .sup {
        font-size: 16px;
        line-height: normal;
    }

    .hidden-xs {
        display: none;
    }

    .hidden-sm {
        display: inherit !important;
    }

    header {
        align-items: flex-start;
        gap: 3rem;
        position: relative;
        width: auto;
    }

    .header-fixed-scrolled {
        background-color: transparent !important;
    }

    header div {
        display: flex;
        gap: 0.8rem;
        align-items: normal;
    }

    .header-thank-you div {
        justify-content: center !important;
    }

    .second-title {
        margin-top: 45px;
    }

    .negative h2 {
        margin-bottom: 40px;
    }

    section {
        padding: 1rem 0;
    }

    section.header {
        padding: 0;
    }

    section.header h1 {
        padding-top: 0;
    }

    .background-image,
    .image,
    .separator,
    .help span {
        display: none;
    }

    .margin-h {
        margin: 0 1rem;
    }

    .margin-h-strict {
        margin: 0 1rem;
    }

    .mt {
        margin-top: 2rem;
    }

    .mb {
        margin-bottom: 2rem;
    }

    .start,
    .card,
    .team {
        text-align: center;
    }

    .card {
        margin-bottom: 2rem;
        padding: 0 1rem;
    }

    .card h3 {
        margin-bottom: 0;
    }

    .card p {
        margin-top: 12px;
    }

    .half {
        flex-direction: column;
        align-items: normal;
        gap: 1rem;
    }

    .faq-container {
        height: 1500px;
    }

    .faq-section h3,
    .faq-section p {
        font-size: 16px;
        line-height: 25px;
    }

    footer div:first-child {
        flex-direction: column;
        padding: 0 0 1rem 0;
    }

    footer div div:first-child {
        justify-content: center;
        gap: 2rem;
    }

    footer ul {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding-left: 0;
    }

    footer p {
        margin-bottom: 0px;
    }

    footer ul li::before {
        content: "";
        color: inherit;
    }

    .help {
        bottom: 2rem;
    }

    .backgroud-primary {
        padding: 5rem 0;
    }

    button.icon {
        gap: 10px;
    }

    .actions button {
        width: 140px;
    }

    .login {
        border-radius: 0px;
    }

    .login-container.active {
        top: 0;
    }

    .logo {
        height: 65px;
    }
}