<style>
        /* Default setting: logo image is hidden */
        .logo-image {
            display: none;
        }

         .mobile-logo {
            display: none;
        }

          .marg {
            margin-left: -250px;
            }


        /* Show the logo image on screens larger than 768px (tablet and larger) */
        @media (min-width: 768px) {
            .logo-image {
                display: block;
                max-width: 100%;
                max-height: 100%;
            }
        }

        /* Change the color of the heading to blue on screens smaller than 768px */
        @media (max-width: 767px) {
            .heading {
                color: black;
                font-size: 28px;
                font-family: sans-serif;
            /* display: none;*/
            }
            
              .hone {
            font-size: 28px;
          
        }

            .your {
                color: black !important;
                /*display: none;*/
                
            }

            .choose {
                color: black !important;
                  font-size: 14px;


            }
            .marg {
            margin-left: 0px;
            }

            .hide-on-mobile {
                display: none;
            }
           /*  .mobile-logo {
                display: block;
                max-width: 40%;
                max-height: 40%;
                margin: 0 auto;
                filter: blur(3.5px);
                display: block;
                position: relative;
                margin-top: 210px;
                left: 55%;
                transform: translate(-50%, -50%);
            }*/
        }

        /* Change the color of the heading to orange on screens larger than 768px */
        @media (min-width: 768px) {
            .heading {
                color: white !important;
            }

             .your {
                color: black !important;

            }

            .choose {
                color: black !important;
            }
        }
   
        .hone {
            font-size: 48px;
            color: white; /* Text color */
            text-shadow: 
                -1px -1px 0 #000,  
                 1px -1px 0 #000,
                -1px  1px 0 #000,
                 1px  1px 0 #000; /* Outline color */
        }
        .heading {
            text-align: center;
            font-family: Arial, sans-serif;
        }
 
    body, html {
        overflow: hidden;
    }
    
    @media (max-width: 767px) {
        .logo img {
            margin-left: -15px;
            height: 450px;
        }
        .text div{
          margin-top: 10px;
        }
        .hone h1{
          font-size: 30px;
        }
    }

  .logo img{
    ;
    /* width: 100%;*/
    /*flex-basis: 40%;*/
    position: absolute;
    top: 8%;
    /* left: 35%; */
    /* transform: translate(-50%, -50%); */
    max-width: 100%;
    /* opacity: 0.8;*/
    
  }

 
</style>