#index { 
  height: calc(100vh - 202px - 50px);
}
#index .container{
  padding: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#index .container img {
  width: 76.8%;
  margin: 0 auto;
}

#index .logo {
  width: 80px;
  margin-bottom: 20px;
}

#index .banner {
  width: 86.5%;
  max-width: 560px;
}

#index .description-and-download-links {
  text-align: center;
}

#index .description {
  font-weight: 200;
  font-size: 1.7em;
  margin: 20px 0 0;
}

#index .download-links p {
  font-size: 1.28em;
  margin: 20px 0;
}

#index .download-links .app-store {
  width: 42.5%;
  max-width: 195px;
}

#index .download-links .play-store {
  width: 48%;
  max-width: 220px;
  margin-left: 3px;
}

@media (min-width: 768px) {

  #index { 
    height: calc(100vh - 220px - 56px);
  }

  /* #index .container{
    padding: 0 24px;
  } */

  #index .container img {
    width: 668px;
  }

  #index .logo {
    width: 120px;
    margin-bottom: 27px;
  }

  #index .banner {
    width: 70%;
  }

  #index .description {
    margin: 27px 0 0;
  }

  #index .download-links p {
    margin: 27px 0;
  }

  #index .download-links .app-store {
    width: 195px;
  }
  
  #index .download-links .play-store {
    width: 220px;
  }

}

@media (min-width: 1200px) {
  
  #index .container{
    flex-direction: row;
    /* padding: 0 68px; */
  }

  #index .banner {
    width: 40.46%;
  }
  
  #index .description-and-download-links { 
    text-align: left;
    margin-left: 55px;
    width: 53.85%;
  }
  
}