.team-word-1 {
  position: absolute;
  top: 50px;
  left: 20px;
  width: 20%;
}
.team-word-2 {
  position: absolute;
  top: 125px;
  left: 75px;
  width: 20%;
}
/* pad size */
@media screen and (min-width: 768px) and (max-width: 1024px) {

  .wrapper {
      max-width: 1024px;
      min-width: 768px;
      margin: auto;
      margin-top: 60px;
      width: 85%;
      padding: 30px;
  }
  .logo {
      position: absolute;
      top: 230px;
      left: 0;
      width: 100px;
  }
}

/* iphone and big screen phones */
@media screen and (min-width: 415px) and (max-width: 767px) {

  .wrapper {
      max-width: 767px;
      min-width: 415px;
      margin: auto;
      margin-top: 60px;
      width: 85%;
      padding: 30px;
    }
  .logo {
      position: absolute;
      top: 230px;
      left: 0;
      width: 20%;
  }
}

/* other phones */
@media screen and (min-width: 320px) and (max-width: 414px) {

  .wrapper {
      max-width: 414px;
      min-width: 320px;
      margin: auto;
      margin-top: 60px;
      width: 85%;
      padding: 30px;
    }
    .logo {
      position: absolute;
      top: 230px;
      left: 0;
      width: 20%;
  }
}

/* small size phones */
@media screen and (max-width: 319px) {

  .wrapper {
      max-width: 320px;
      min-width: 0px;
      margin: auto;
      margin-top: 60px;
      width: 85%;
      padding: 30px;
    }
    .logo {
      position: absolute;
      top: 230px;
      left: 0;
      width: 20%;
  }
}