html,body{max-width:100%;overflow-x:hidden}
body{width:100%}
.wrap{width:100%;margin-left:auto!important;margin-right:auto!important;min-width:0}
.hero-grid,.today,.side-card,.progress-panel,.section,.grid,.card{min-width:0;max-width:100%}
.today{width:100%;margin-left:auto;margin-right:auto}
@media(max-width:560px){
  .wrap{padding-left:20px!important;padding-right:20px!important}
  .hero,.section{width:100%;margin-left:auto;margin-right:auto}
  .hero-grid{display:block;width:100%}
  .today,.side-card,.progress-panel{width:100%;margin-left:auto;margin-right:auto}
  header .wrap{padding-left:20px!important;padding-right:20px!important}
}