.center {
  margin: auto;
  width: 336px;
}

/** For extra small devices */
@media screen and (max-width: 335px) {
  .center {
    width: 94%;
  }
}

@media screen and (min-width: 48em) {
  .center {
    width: 48rem;
    padding: 0 1rem;
  }
}

/********** DESKTOP 1288 pading 8 -> 1272 content ***************/
@media screen and (min-width: 80.5em) {
  .center {
    width: 80.5rem;
    padding: 0 0.5rem;
  }
}