.page-container {
    width: 80%;
    margin: 0 auto;
}

@media (min-width: $lg-breakpoint) {
  .page-container {
    width: 58%;
  }
}

@media (min-width: $md-breakpoint) {
  .page-container {
    width: 65%;
  }
}

@media (max-width: $md-breakpoint) {
  .page-container {
    width: 75%;
  }
}

@media (max-width: $sm-breakpoint) {
  .page-container {
    width: 90%;
  }
}

@media (max-width: $xs-breakpoint) {
  
}