html,
body {
  overflow: initial;
}

header {
  background: white;
}

main {
  height: unset;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 125px;
  padding: 0 5%;
}
.info,
.credits, .expo {
  display: flex;
  margin-bottom: 40px;
  max-width: 900px;
  width: 100%;
}

.info,
.credits, .expo {
  margin: 0 auto;
}

.info ul {
  margin-bottom: 12px;
  padding: 20px 20px;
}
.info ul li {
  margin-bottom: 8px;
}
.credits {
  display: flex;
  margin-bottom: 80px;
}
.info-title {
  width: 200px;
  min-width: 200px;
}
.info-text {
  width: 100%;
  font-weight: 300;
}

@media (max-width: 768px) {
  .info,
  .credits
  .expo {
    flex-direction: column;
  }
  .credits {
    margin-bottom: 40px;
    color: #3c0042;
  }
}