* {
  margin: 0;
  padding: 0;
}
.img-block {
  pointer-events: none;
}
#container {
  width: 100%;
  position: relative;
}
#container #main-container {
  width: 100%;
}
#container #main-container #main {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
#container #main-container #main #logo-container {
  margin-top: 7%;
  width: 100%;
  display: flex;
  justify-content: center;
}
#container #main-container #main #logo-container #logo {
  width: 40%;
}
#container #main-container #main #logo-container #logo img#logo-img {
  width: 100%;
}
#container #main-container #main #hints-container {
  margin-top: 4%;
  width: 100%;
  display: flex;
  justify-content: center;
}
#container #main-container #main #hints-container #hints {
  width: 85%;
}
#container #main-container #main #hints-container #hints img#hints-img {
  width: 100%;
}
#container #main-container #main #video-container {
  margin-top: 5%;
  width: 100%;
  display: flex;
  justify-content: center;
}
#container #main-container #main #video-container #video {
  width: 60%;
}
#container #main-container #main #video-container #video video {
  width: 100%;
  box-shadow: 10px 10px 20px 4px rgba(0, 0, 0, 0.5);
}
#container #main-container #main #video-container #video #video-error-text {
  width: 100%;
}
#container #main-container #main #passage-container {
  margin-top: 10%;
  width: 100%;
  display: flex;
  justify-content: center;
}
#container #main-container #main #passage-container #passage {
  width: 80%;
}
#container #main-container #main #passage-container #passage img#passage-img {
  width: 100%;
}
#container #main-container #main #line-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: -4%;
}
#container #main-container #main #line-container #line {
  width: 65%;
}
#container #main-container #main #line-container #line img#line-img {
  width: 100%;
}
#container #main-container #main #btn-download-container {
  margin-top: 3%;
  width: 100%;
  display: flex;
  justify-content: center;
}
#container #main-container #main #btn-download-container #btn-download {
  width: 35%;
}
#container #main-container #main #btn-download-container #btn-download img#btn-download-img {
  display: block;
  width: 100%;
}
#container #main-container #main #btn-social-container {
  margin-top: 3%;
  margin-bottom: 10%;
  width: 100%;
  display: flex;
  justify-content: center;
}
#container #main-container #main #btn-social-container #btn-social {
  width: 35%;
  display: flex;
  justify-content: space-between;
}
#container #main-container #main #btn-social-container #btn-social #btn-fb-container {
  width: 30%;
  display: flex;
  justify-content: center;
}
#container #main-container #main #btn-social-container #btn-social #btn-fb-container #btn-fb {
  width: 60%;
}
#container #main-container #main #btn-social-container #btn-social #btn-fb-container #btn-fb img#btn-fb-img {
  display: block;
  width: 100%;
}
#container #main-container #main #btn-social-container #btn-social #btn-ins-container {
  width: 30%;
  display: flex;
  justify-content: center;
}
#container #main-container #main #btn-social-container #btn-social #btn-ins-container #btn-ins {
  width: 60%;
}
#container #main-container #main #btn-social-container #btn-social #btn-ins-container #btn-ins img#btn-ins-img {
  display: block;
  width: 100%;
}
#container #main-container #main #btn-social-container #btn-social #btn-link-container {
  width: 30%;
  display: flex;
  justify-content: center;
}
#container #main-container #main #btn-social-container #btn-social #btn-link-container #btn-link {
  width: 60%;
}
#container #main-container #main #btn-social-container #btn-social #btn-link-container #btn-link img#btn-link-img {
  display: block;
  width: 100%;
}