/* first screen ===================== */
.launch-screen.launch-screen-project {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.launch-screen.launch-screen-project .launch-screen-overlay {
  background-image: none;
  padding: 0;
}
.launch-screen.launch-screen-project .launch-screen-overlay .launch-sign {
  background-image: none;
  padding: 0;
  text-align: center;
  height: auto;
}
.launch-screen.launch-screen-project .launch-screen-overlay .launch-sign h2 {
  color: #fff;
  font-family: "SFT";
  font-size: 16px;
  margin: 0 0 10px 0;
}
.launch-screen.launch-screen-project .launch-screen-overlay .launch-sign h1 {
  margin: 0;
  font-size: 30px;
}
/* first screen ===================== */
.project-info .upper .info-list {
  font-size: 0;
}
.project-info .upper .info-list li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.project-info .upper .info-list li .name {
  color: #00aec7;
  margin-bottom: 0;
}
.project-info .lower {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.project-info .lower h3 {
  color: #00aec7;
}
.project-info .lower h2 {
  color: #121212;
}
.project-info .lower p {
  color: #b2b3b3 !important;
}
.text-section {
  padding: 40px 0;
  text-align: center;
}
.text-section p {
  color: #b2b3b3;
  line-height: 1.3;
  max-width: 700px;
  margin: 0 auto;
  width: 70%;
}
@media (min-width: 720px) {
  .text-section {
    padding: 80px 0;
  }
}
@media (min-width: 1280px) {
  .screen {
    z-index: 5;
  }
  .launch-screen.launch-screen-project .launch-screen-overlay .launch-sign h1 {
    font-size: 60px;
  }
  .launch-screen.launch-screen-project .launch-screen-overlay .launch-sign h2 {
    font-size: 16px;
  }
  .launch-screen.launch-screen-project .launch-screen-overlay .arrow {
    display: none;
  }
  .text-section {
    padding: 80px 0;
  }
  .project-info {
    margin-top: -150px;
    margin-bottom: -85px;
    z-index: 8;
    position: relative;
  }
  .project-info .upper {
    width: 400px;
  }
  .project-info .upper .info-list li {
    display: block;
    font-size: 16px;
    vertical-align: top;
    margin-bottom: 35px;
    width: 50%;
  }
  .project-info .upper .info-list li .name {
    color: #00aec7;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  .project-info .lower {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    width: 750px;
  }
  .project-info .lower .centered-verticaly {
    width: 100%;
    max-width: 580px;
  }
}