/* media.css */


@media (max-width: 768px) {
    .outer-div {
        scale: 0.8;
        margin: 45px 0 0 0;
        overflow: visible;
    }

    .bg-dark h2, .bg-light h2, .hero h2 {
        font-size: 40px;
    }

    .bg-dark h3, .bg-light h3{
        font-size: 30px;
    }

    .circle-outer {
        width: 210px;
        height: 210px;
        border-width: 20px;
        margin: 40px;
    }

    .circle-inner {
        width: 140px;
        height: 140px;
    }

    .phone-image {
        max-height: 250px;
    }
}

@media (max-width: 992px) { /* For tablets and smaller screens */
    .qr {
        margin-top: 20px; /* Add some spacing between links and QR code */
    }
}