@media all {
    /* Reset / Base Styles */
    html * {
        font-size: 100.01%; /* Slightly larger base font */
    }
    body, html {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        height: 100%;
        font-family: Futura, Arial, Helvetica, sans-serif;
        color: #000;
        background-color: #fff;
    }

    /* Logo Container */
    .logo-container {
        position: absolute;  /* Keeps the logo in the top-left */
        top: 10px;
        left: 10px;
        z-index: 999;        /* Ensures the logo stays on top */
    }

    .logo-container img {
        /* Fix the logo size to keep it small regardless of text scaling */
        width: 50px;
        height: auto;
        /* If you want it even smaller or bigger, adjust the width. */
    }

    /* Page Container */
    #page {
        width: 100%;
        margin: 0 auto;
        position: relative;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    /* Promo Box */
    .box_simple_promo {
        text-align: center;
        width: 80%;
        background-size: 100%;
        /* Removing or overriding any very small base font here */
        font-size: 1rem;
        padding: 0;
    }

    /* Large Headings (Line1) */
    #promotext .line1,
    #promotext h1 {
        font-size: clamp(24px, 6vw, 48px);
        letter-spacing: 2px;
        margin-bottom: 1vw;
        color: #000;
    }

    /* Secondary Headings (Line2) */
    #promotext .line2 {
        font-size: clamp(18px, 4vw, 32px);
        letter-spacing: 2px;
        color: #000;
    }

    /* Footer Buttons Container */
    .footer-buttons {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-top: 20px;
    }

    /* Footer Buttons */
    .footer-buttons a {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding: 15px 40px;
        background-color: black;
        color: white;
        text-decoration: none;
        border-radius: 25px;
        font-size: clamp(14px, 2.5vw, 18px);
        line-height: 1.2;
        transition: background-color 0.3s ease;
    }

    .footer-buttons a:hover {
        background-color: #444444;
    }

    /* Bottom Address */
    .bottom-address {
        position: fixed;   /* Sticks to the bottom of the viewport */
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #cccccc;
        padding: 5px 0;
        background-color: #fff;
    }
    
    /* Google Play Button */
    #promotext .line2 a img {
        width: auto;  /* Maintain aspect ratio */
        height: 60px; /* Match height of the footer buttons */
        object-fit: contain; /* Ensure proper scaling */
        margin: 0 auto; /* Center the image if necessary */
    }
}