.page-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  height: 100vh;
  width: 100vw;
  background-color: #34332c;
  background: url('images/menu_bg.png');
  background-position: center;
  background-size: cover;
  /*padding: 2rem 0;*/
  overflow: hidden;
}

section {
  padding: 1rem 0;
}

.bydo-wrap {
  height: 80vh;
  display: flex;
  /*flex: 1;*/
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
}

.bydo-wrap img {
  /*min-width: 500px;*/
  max-height: 100vh;
  object-position: center;
  animation: slideInDown 2s;
}

.download {
  max-height: 10vh;
  width: 200px;
  max-width: 50%;
  padding-bottom: 1rem;
  animation: slideInUp 2s;
}

.made-by {
  max-height: 10vh;
  width: 200px;
  max-width: 50%;
  padding-bottom: 1rem;
}

.made-by img {
  width: 200px;
  animation: slideInUp 2s;
}

@-webkit-keyframes slideInDown { from { -webkit-transform: translateY(-200px); transform: translateY(-200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes slideInDown { from { -webkit-transform: translateY(-200px); transform: translateY(-200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@-webkit-keyframes slideInUp { from { -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes slideInUp { from { -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@-webkit-keyframes slideInRight { from { -webkit-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes slideInRight { from { -webkit-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@-webkit-keyframes slideInLeft { from { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes slideInLeft { from { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }