@media screen and (max-width: 500px) {
  html{
    font-size: 10px !important;
  }
}

@media screen and (max-width: 500px) {
  #middle{
    width: 65% !important;
    font-size: 10px !important;
    transition: 0.5s;
    line-height: 17px;
  }
}

@media screen and (max-width: 500px) {
  .span{
    font-size: 17px !important;
    line-height: 23px !important;
  }
}