@media screen and (min-width: 576px) and (max-width: 1200px) {

    .tzoli-steps .step:nth-of-type(1) .text-step,
    .tzoli-steps .step:nth-of-type(5) .text-step,
    .tzoli-steps .step:nth-of-type(9) .text-step {
        padding-left: 2rem;
    }

    .tzoli-steps .step:nth-of-type(3) .text-step,
    .tzoli-steps .step:nth-of-type(7) .text-step {
        padding-right: 2rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    .card-element {
        width: inherit;
        flex: 1 1 calc(50% - 1rem);
        /* subtract half the gap to balance spacing */
        box-sizing: border-box;
    }

    .group-cards {
        display: flex;
        gap: 2rem;
        /* adds spacing between children */
        flex-wrap: wrap;
        /* ensures responsiveness */

    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {

    #block-tzoli-whatistzoli {
        margin-top: 1rem;
    }


}

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

    #block-tzoli-whatistzoli {
        margin-top: 1rem;
    }

    #block-tzoli-whatistzoli h2 {
        margin-bottom: 1rem;
    }

    section {
        padding: 2rem 0;
    }

    .employers-container .text-container,
    .employers-container .image-container,
    .candidates-container .text-container,
    .candidates-container .image-container {
        width: 100%;
    }

    .employers-container .image-container,
    .candidates-container .image-container {
        margin: 2rem 0;
    }

    .candidates-container .text-container,
    .employers-container .text-container {
        padding: 0;
    }

    .employers-container {
        margin-bottom: 2rem;
    }

    .candidates-container {
        margin-bottom: 0;
    }


    #block-tzoli-main-navigation {
        margin-top: -3rem;
    }
}

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

    .site-logo img {
        height: 100px;
    }


    .card-element,
    .card-container,
    .path-contact #block-tzoli-content,
    .path-faq #block-tzoli-content {
        width: 100%;
    }

    #block-tzoli-steps {
        margin: 0;
    }

    .get-started-wrapper {
        width: 50%;
    }

    #block-tzoli-footer {
        width: 80%;
    }

    #block-tzoli-whatistzoli h2 {
        margin-bottom: 1rem;
    }

    section {
        padding: 2rem 0;
    }

    .word-sequence p {
        width: 70%;
    }

    ol,
    ul {
        padding-left: 1rem;
    }

    #block-tzoli-imagecontactpage {
        width: 100%;
        margin-top: 2rem;
        padding: 0;
    }

    #block-tzoli-blocktextheadercontactpage p,
    #block-tzoli-headertextpricing p,
    #block-tzoli-faqherotext p {
        padding-right: 0;
        margin-top: 1rem;
        padding: 0;
    }

    .path-contact header,
    .path-pricing header,
    .path-faq header {
        min-height: inherit;
    }

    .path-contact #maincontent .order-1,
    .path-pricing #maincontent .order-1,
    .path-faq #maincontent .order-1 {
        padding: 0;
    }

    .path-faq #block-tzoli-content {
        margin-bottom: 5rem;
    }

    .tzoli-steps .image-step,
    .tzoli-steps .text-step {
        flex: 1 1 100%;
        margin: 1rem 0;
    }

    .candidates-container {
        margin: 2rem auto 0;
    }

}