*{
  margin: 0;
  padding: 0;
}
@media screen and ( max-width :300px) {
  html{
      width : 100%;
      font-size: 10px;
  }
}
@media screen and (min-width : 301) and ( max-width : 768px) {
  html{
      width : 100%;
      font-size: 16px;
  }
}
@media screen and (min-width:769px) and (max-width:992px){
  html{
      font-size: 24px;
  }
}
@media screen and (min-width:993px){
  html{
      font-size: 24px;
  }
}
/* @media screen and (min-width:1201px){
  html,body{
      font-size: 40px;
  }
} */