body {
      margin-top: 30px;
      background: url(backasas2.webp);
      background-size: cover;
  }
  

  @media only screen
  and (min-width: 300px)
  and (max-width: 800px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait){
   body {
        background: url(‏‏back4mobile.webp) !important;
        background-position: center !important;
  }
  .logo {
          width: 90% !important;
  }
  .whatsapp_icon {
          width: 50% !important;
  }
  .c_text {
      font-size: 25px !important;    
  }
  }
  
  .c_text {
      font-family: 'ae_AlArabiya', sans-serif;
      font-size: 50px;
      color: #fff;
  }
  
  .soon {
      font-family: 'ae_AlArabiya', sans-serif;
      font-size: 100px;
      color: #fff;
  }
  
   .whatsapp_text {
      font-family: 'ae_AlArabiya', sans-serif;
      font-size: 20px;
      color: #fff;
  }

  .logo {
      width: 50%;
  }
  
  .whatsapp_icon {
      width: 10%;
  }