.text1{color: white;}
.text1 span{
  padding: 5px 20px 5px 20px;
  background: #00d168;
}

.text{
  position: absolute;
  top: 39%;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.text p.person{font-size: 21px;}
.text p, .text p a{color:white;}

.text span.title{
  padding: 5px 20px 5px 20px;
  font-size: 24px;
  background: #ffe000;
  color: #ff600f;
}

.text span.subtitle{color: #ffe000;}

h1{
  color: #6ed26a;
  margin-bottom: 50px;
}

.box-two{
  padding-top: 25vw;
}

@media only screen and (max-width: 911px) {
  .box-two{
    padding-top: 35%;
  }
  .box-two .text{
    top: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .box-two{
    padding-top: 40%;
  }
  .box-two .text{
    top: 10%;
  }
}

@media screen and (max-width: 620px){
  .box-two{
    padding-top: 50%;
  }
  .box-two .text{
    top: 10%;
  }
}

@media screen and (max-width: 520px){
  .box-two{
    padding-top: 70%;
  }
  .box-two .text{
    top: 10%;
  }
}