@media only screen and (max-width: 1500px) {
  .box{
    max-width: 50%;
    width: 50%;
  }
}

@media only screen and (max-width: 1000px) {
  .box{
    max-width: 95%;
    width: 90%;
  }
}

@media only screen and (max-width: 600px) {
  .float{
    float: none;
  }
  *{
    text-align: center
  }

  h1, p{
    width: 95% !important;
  }

  .caretHolder{
    width: 95% !important;
    justify-content: center;
  }
  .caretHolder h1{
    width: initial !important;
  }
}