.jumbo-hero {
        text-align: center;
        padding-top: 10vh;
        padding-bottom: 10vh;
    }

    .hero-heading {
        font-size: 3em;
        margin: 0;
    }

    .hero-tagline {
        font-size: 1em;
        margin: 0;
    }

    .secondary-heading {
        font-size: 2em;
    }

    .secondary-tagline {
        font-size: 1em;
    }

    .cta-profile-image {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 100%;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
        border: 5px solid #fff;
        margin-right: 20px;
        margin: 0 auto;
    }

    .cta-profile-image-circle {
        display: inline-block;
        width: 100px;
        height: 100px;

        margin-right: 20px;
        margin: 0 auto;
    }

    .section-services {
        padding-top: 0vh;
        padding-bottom: 10vh;
        background-color: #000;
    }

    /* Services panels */
    .panel-service {
        padding: 5vh;
        padding-top: 3vh;
        padding-bottom: 2vh;
        background-color: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        margin-top: -6vh;
        border-radius: 10px;
        margin-bottom: 10vh;
    }

    .panel-service-icon {
        display: inline-block;
        float: left;
        height: 100px;
        font-size: 2em;
        margin-right: 20px;
    }

    /* Packages row spacing */
    .section-packages {
        margin-top: 10vh;
    }

    /* Package headings */
    .section-packages-heading {
        font-size: 3em;
        color: #fff;
        /* preserving original "margin-top: vh" even though it's invalid */
        margin-top: vh;
        text-align: center;
    }

    .section-packages-subheading {
        font-size: 2em;
        text-align: center;
        color: #777;
    }

    /* Package cards */
    .panel-package {
        padding: 8vh;
        color: #fff;
        border: 1px solid #333;
        border-radius: 10px;
        margin-bottom: 5vh;
        margin-top: 5vh;
    }

    .panel-package-price,
    .package-panel-price {
        font-size: 3em;
    }

    .panel-package-description {
        margin-top: 3vh;
    }

    /* Addons headings (same styles as the inline originals) */
    .addons-heading {
        font-size: 3em;
        color: #fff;
        /* preserving original "margin-top: vh" */
        margin-top: vh;
        text-align: center;
    }

    .addons-subheading {
        font-size: 2em;
        color: #777;
        text-align: center;
    }

    .section-cta {
        padding-top: 20vh;
        padding-bottom: 15vh;
        color: #000;
        background-repeat: no-repeat;
        background-size: 1200px;
        background-position: 90% 70%;
    }

    .section-biz {
        padding-top: 20vh;
        padding-bottom: 15vh;
        color: #000;
        background-image: url('/static/img/firm.svg');
        background-repeat: no-repeat;
        background-size: 1200px;
        background-position: 90% 70%;
        text-align: center;
    }

    .section-firm {
        padding-top: 20vh;
        padding-bottom: 15vh;
        color: #000;
        background-image: url('/static/img/firm.svg');
        background-repeat: no-repeat;
        background-size: 1200px;
        background-position: 90% 70%;
        text-align: center;
    }

    .section-util {
        padding-top: 20vh;
        padding-bottom: 15vh;
        color: #000;
        background-image: url('/static/img/utilb.svg');
        background-repeat: no-repeat;
        background-size: 1200px;
        background-position: 90% 70%;
        text-align: center;
    }

    .section-venus {
        padding-top: 30vh;
        padding-bottom: 15vh;
        color: #000;
        background-image: url('/static/img/venus.svg');
        background-repeat: no-repeat;
        background-size: 1200px;
        background-position: 90% 70%;
        text-align: center;
    }

    .section-firm,
    .section-venus,
    .section-util,
    .section-biz {
        padding-top: 10vh;
        padding-bottom: 10vh;
    }

    .section-cta {
        padding-top: 20vh;
        padding-bottom: 0vh;
        color: #000;
        background-repeat: no-repeat;
        background-size: 1200px;
        background-position: 90% 70%;
    }

    @media (min-width:576px) {
        .jumbo-hero {
            background-image: none;
        }


    }

    @media (min-width: 768px) {}

    @media (min-width: 992px) {
        .jumbo-hero {
            padding-top: 10vh;
            padding-bottom: 15vh;
            color: #000;
            background-image: url('/static/img/bg.webp');
            background-position: 100% 0%;
            background-repeat: no-repeat;
            background-size: 60%;
            text-align: left;
        }

        .hero-heading {
            font-size: 4em;
            margin: 0;
        }

        .hero-tagline {
            font-size: 2.2em;
            margin: 0;
        }

        .secondary-heading {
            font-size: 5em;
        }

        .secondary-tagline {
            font-size: 2.2em;
        }

        .cta-profile-image-circle {
            float: left;
            margin-right: 20px;
        }

        .section-biz,
        .section-firm,
        .section-util {
            text-align: left;
            padding-top: 30vh;
            padding-bottom: 15vh;
        }

        .section-firm-textarea {
            margin-top: 20vh;
        }

        .section-venus {
            padding-top: 30vh;
            padding-bottom: 30vh;
        }
    }

    @media (min-width: 1200px) {
        .jumbo-hero {
            background-size: 50%;
            background-position: 100% -50px;
            padding-top: 17vh;
            padding-bottom: 17vh;
        }

        .hero-heading {
            font-size: 5em;
            margin: 0;
        }

        .hero-tagline {
            font-size: 2.2em;
            margin: 0;
        }

        .secondary-heading {
            font-size: 6em;
        }

        .secondary-tagline {
            font-size: 2.2em;
        }

    }

    @media (min-width: 1400px) {}