@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Robout-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-medium';
  src: url('./fonts/Robout-Medium.ttf') format('truetype');
  font-weight: medium;
  font-style: medium;
}
    body {
      background-image: url("./src/Landingscreen.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center bottom;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 100dvh;
      font-family: Arial, sans-serif;
      overflow: hidden;
       height: 100vh;
    }
    .logo {
      width: 80%;
      display: block;
    }
    .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 0;
    }
    .bg {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      object-fit: cover;
      z-index: 0;
      pointer-events: none;
    }
    .content {
      display: flex;
      flex-direction: column;
      z-index: 1;
      /* margin-top: 35px;
      margin-bottom: 35px; */
      justify-content: center;
      text-align: center;
      align-items: center;
      gap: 40px !important;
     
    }
    .content-wrap{
      display: flex;
      justify-content: center;
      align-items: center;
      height: calc(100vh - 62.93px);
    }
    /* .content img {
      max-width: 90vw;
      display: block;
      margin: 0 auto 20px;
    } */
    .mobile-only {
      display: none !important;
    }
    .desktop-only {
      display: block !important;
    }
    .text1{
        font-family:'Roboto-medium';
        color: #F9EADB;
      font-size: clamp(1.875rem, 1.5625rem + 1.5625vw, 3.125rem);
        line-height:clamp(2.5rem, 2.1875rem + 1.5625vw, 3.75rem);
        padding: 0;
    }
    .text2{
        font-family:'Roboto';
        color: #F9EADB;
        font-size: clamp(4.375rem, 2.8125rem + 7.8125vw, 10.625rem);
        line-height: clamp(3.75rem, 2.5rem + 6.25vw, 8.75rem);
        
    }


/* 
     @media (max-height: 836px) {
      .content img{
      width: 80%;
      }
      .content{
      gap: 0;
      }
    
     } */

      @media (min-height: 720px) {
      .content{
      scale: 0.9;
      }
    
     }


    @media (max-width: 767px) {
      body{
        overflow: hidden;
      }
        .mobile-only {
        display: block !important;
      }
      .desktop-only {
        display: none !important;
      }
      .content-wrap{
        align-items: center;
        justify-content: center;
        height: calc(100vh - 45px);
      }
      .content{
        margin-bottom: 80px;
      }

       .text1{
        font-family:'Roboto-medium';
        color: #F9EADB;
        font-size: 32px;
        line-height: 42px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .text2{
        font-family:'Roboto';
        color: #F9EADB;
        font-size: 65px;
        line-height: 65px;
    }
    .mblogo{
      display: block;
    }
    
    }