:root {
        --text-align: center;
        --font-color: #000;
    }

    /* Do not touch or change */
    .product_revamped_list-hero_title_wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        transform: none;

        width: 100%;
        padding: 0 15px;

        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }


    .product_revamped_list-hero_body_wrapper--half {
        margin-bottom: 20px;
        padding: 0 13px;
    }

    .product_revamped_list-hero_body_wrapper--half .product_revamped_list-subtitle {
        margin: initial;
        max-width: initial;
        text-align: initial;
    }


    @media only screen and (min-width: 1084px) {
        .js-collapser-btn {
            display: none;
        }
    }

    /* Do not touch or change -- end */


    /* -------- Desktop -------- */

    .product_revamped_list-hero_title_wrapper {
        width: 100%;
    }

    h1.product_revamped_list-hero_title {
        text-align: var(--text-align);
        text-transform: none;
        font-size: 24px;

        color: var(--font-color);
        margin-bottom: 0;
    }

    .product_revamped_list-hero_body {
        font-size: 18px;
        margin-bottom: 0;
    }

    .product_revamped_list-hero_links {
        margin-bottom: 0;
    }

    a.product_revamped_list-hero_link {
        font-size: 16px;
        color: var(--font-color);
        text-align: var(--text-align);
        margin-bottom: 0
    }

    /* Logo Lockup */
    .lockup-logo img,
    .lockup-logo svg {
        width: 273px;
        margin-bottom: 0;
    }

    /* -------- Tablet Landscape -------- */
    @media only screen and (max-width: 1279px) {
        h1.product_revamped_list-hero_title {
            font-size: 20px;
        }

        .lockup-logo img,
        .lockup-logo svg {
            width: 200px;
            margin-bottom: 0;
        }
    }

    /* -------- Tablet Portrait  -------- */
    @media only screen and (max-width: 1023px) {
        .product_revamped_list-hero_title_wrapper {
            width: 48%;
        }
    }


    /* -------- Mobile  -------- */
    @media only screen and (max-width: 767px) {

        h1.product_revamped_list-hero_title {
            font-size: 18px;
        }

        .product_revamped_list-hero_body {
            font-size: 15px;
        }


        a.product_revamped_list-hero_link {
            font-size: 15px;
        }

        .lockup-logo img,
        .lockup-logo svg {
            width: 140px;
        }
    }