*{
  margin:0;
  padding:0;
  box-sizing:border-box
}
html{
  font-size:42.66666666666667px
}
@media (min-width: 170px){html{font-size:48px}}
@media (min-width: 170px) and (min-width: 200px){
  html{font-size:50px}
}
@media (min-width: 170px) and (min-width: 280px){
  html{font-size:53.33333333333333px}
}
@media (min-width: 170px) and (min-width: 310px){
  html{font-size:55.2px}
}
@media (min-width: 170px) and (min-width: 340px){
  html{font-size:60px}
}
@media (min-width: 170px) and (min-width: 370px){
  html{font-size:64px}
}
@media (min-width: 170px) and (min-width: 400px){
  html{font-size:68px}
}
@media (min-width: 170px) and (min-width: 430px){
  html{font-size:72px}
}
@media (min-width: 170px) and (min-width: 460px){
  html{font-size:76px}
}
@media (min-width: 170px) and (min-width: 490px){
  html{font-size:80px}
}
@media (min-width: 170px) and (min-width: 520px){
  html{font-size:84px}
}
@media (min-width: 170px) and (min-width: 550px){
  html{font-size:88px}
}
@media (min-width: 170px) and (min-width: 580px){
  html{font-size:92px}
}
@media (min-width: 170px) and (min-width: 610px){
  html{font-size:96px}
}
@media (min-width: 170px) and (min-width: 640px){
  html{font-size:98px}
}
@media (min-width: 170px) and (min-width: 640px){
  html{font-size:100px}
}
@media (min-width: 576px) {
    .container {
       max-width: 100%;
    }
}
body{
  max-width:750px;
  min-width:350px;
  margin:0 auto;
  display:block;
}