body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


header {
    padding: 400px 100px 400px 100px;
    text-align: center;
    /* padding: 500px; */
    /* background: transparent; */
    /* display: flex;
    justify-content: center; */
    /* align-items: center; */
    /* text-align: center; */
    background: #797686;      
    background: url("./images/site.jpg");
    margin: auto;
 
    background-color: #5d666b;
    background-color: rgb(51, 56, 61);
    
    background-blend-mode: overlay;
    /* background-position: center; */
    background-size: cover;
    text-align: center;
    backdrop-filter: blur(15px);
    
    /* height: 100%; */
    /* z-index: -1; */
  }


  header img {
    display: none;
    color: transparent !important;
      border: none;
  }

 


 

   .download  {
        
        background-color: #00e777;
        font-weight: 600;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        letter-spacing: 2px;
        color: #fff;
        position: relative;
        padding: 15px 50px !important;
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
        border-radius: 4px;
        transition: 0.2s linear 0s;
    
  }

  .website {
   
    background-color: #20273b;
    font-weight: 600;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    letter-spacing: 2px;
    color: #fff;
    position: relative;
    padding: 15px 50px !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 4px;
    transition: 0.2s linear 0s;
    margin-right: 5px;

}



  a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
  }

  .download:hover {
    background-color: #81f5bd;
    color: black;
  }

  .website:hover {
    background-color: #0f1311;
    color: white;
  }

  h1, h2 {
      font-weight: 100;
      letter-spacing: 1px;
      color: #f8f6f6;
      font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      top: 0;
  }

  footer {
      background: #08090a;
      color: #b3b3b3;
      text-align: center;
      padding: 30px;
      font-family: 14px;
      font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }


  @media (max-width: 1000px) {
    header .download {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    /* letter-spacing: 1px; */
    font-size: 16px;
    padding: 5px 20px !important;
    margin: auto;
    text-align: center;
    align-items: center;
    margin-top: 10px;
    margin-right: 0px;}

    header .website {
      display: flex;
      flex-direction: column;
      font-weight: normal;
      /* letter-spacing: 1px; */
      font-size: 16px;
      padding: 5px 20px !important;
      margin: auto;
      text-align: center;
      align-items: center;
      margin-top: 10px;}

    h1 {
      word-wrap: break-word;
      font-size: 22px;
      top: 1%;
    }

    h2 {
      word-wrap: break-word;
      font-size: 18px;
      top: 1%;
    }

    header {
      padding: 80px 30px 200px 30px;
    }

    header img {
      display: none;
      color: transparent !important;
      border: none;
    }
    
  
    
  }