.container {
    max-width: 800px; }
.header {
  margin-top: 1rem;
  text-align: center; }
.value-props {
  margin-top: 2rem;
  margin-bottom: 4rem; }
.bottomspace {
  margin-bottom: 45rem; }

/* Larger than phone */
@media (min-width: 550px) {
  .header {
    margin-top: 7rem; }
  .value-props {
    margin-top: 2rem;
    margin-bottom: 7rem; }
    }

/* Larger than tablet */
@media (min-width: 750px) {
  /* Re-overiding the width 100% declaration to match size of % based container */
  .container {
    width: 80%; }

}