body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
  display: block;
  margin: 0;
  position: relative;
padding: 0;
  overflow-wrap: normal;
}

html, body {
overflow-x: hidden;
}
  
      .Topbar {
      margin-top: 0px;
    width: 100%;
      position: relative;
      height: 60px;
      
      }
  
    .home, .download{
      margin-top: 10px;
      width: 10%;
      text-align: center;
      font-family: 'Bold', sans-serif;
      margin-left: 5px;
      width: 100px;
      border-color: transparent;
    }
    .home{
  
     position: absolute; left: 10%; top: 0%;
     font-size: 30px;
     text-decoration: none;
     color: black;
     background-color: transparent;
    }
  
    .download{
      position: absolute; left: 75vw; top: 0%;
      font-size: 15px;
      margin-top: 5px;
      background-color: black!important;
      border-radius: 25px;
     text-decoration: none;
      height: 75%;
      width: 120px;
      color: white;
      font-weight: bold;
      display: flex;
  align-items: center;
  justify-content: center;
    }
  
    
    .title{
      position: relative; left: 10vw; top: 1%;
      font-size: 30px;
    }
    .subtitle{
      position: relative; left: 10vw; top: 1%;
      font-size: 25px;
      font-weight: bold;
    }
    .txt{
      position: relative; left: 10vw; top: 1%;
      font-size: 17px;
      font-weight: normal;
      color: rgba(60, 60, 60, 1);;
      max-width: 80%;
    }
    .date{
      position: relative; left: 10vw; top: 1%;
      font-size: 20px;
      font-weight: normal;
    }
   
  .AppStorebtn{
      width: calc(15% - 75px);
    position: relative; left: 15vw; top: 20%;
      
      margin: 10px;
  }
  .privacyfooter{
  color: rgb(123, 120, 120);
    display: inline-block;
   text-decoration: none;
   font-size: 16px;
   margin-left: 10px;
  }
  
  .termsfooter{
    color: rgb(123, 120, 120);
    display: inline-block;
   text-decoration: none;
   font-size: 16px;
   margin-left: -10%;
  }
  .links{
      position: relative;
      transform: translateX(-50%);
      top: 30%;
      left: 50%;
      width: 350px;
      font-size: 10px;
      color: #ccc;
  }
  .footertxt{
      font-size: 16px;
      color: rgb(123, 120, 120);
  }
  .inlinelink{
    color: blue;;
    text-decoration: underline;
  }

  @media screen and (max-width: 900px) {
    .screenshot1{
       visibility: hidden;
    }
    .screenshot2{
        transform: scale(0.6);
        visibility: hidden;
    }
    .bg{
    max-width: 1500px;
    width: 98%;
    
    overflow: hidden;
       
    }
    .home{
      position: absolute; left: 5%; top: 0%;
    }
    .download{
      position: absolute; left: 65vw; top: 0%;
      font-size: 15px;
      height: 80%;
      width: 130px;
    }
    .title{
        max-width: 90%;
        font-size: 30px;
    }
    .date{
      
      margin-top: -10px;
      font-size: 20px;
      
    }
    .txt{
      
      font-size: 18px;
      
    }
    .privacyfooter{
      color: rgb(123, 120, 120);
        display: inline-block;
       text-decoration: none;
       font-size: 14px;
       margin-left: 10px;
      }
      
      .termsfooter{
        color: rgb(123, 120, 120);
        display: inline-block;
       text-decoration: none;
       font-size: 14px;
       margin-left: 0;
      }
      .links{
          position: relative;
          transform: translateX(-50%);
          left: 55%;
          width: 300px;
          font-size: 10px;
          color: #ccc;
      }
      .footertxt{
          font-size: 16px;
          width: 300px;
          position: relative; left: 5%;
          word-spacing: 5px;
          color: rgb(123, 120, 120);
      }
  }