*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-family: $font-family-sans-serif;
  font-size: $font-size-base;
  background-color: $white;
}

body {
  margin: 0;
}

h1 {
  text-align: center;
}

h2 {
  margin-top: .75rem;
  margin-bottom: .75rem;
  color: $dark-gray;
  font-size: $font-size-small;
  letter-spacing: 1px;
  text-transform: uppercase;
}

select {
  width: 100%;
  background-color: inherit;
  border: none;
  cursor: pointer;
  text-align-last: center;

  &:active,
  &:focus {
    outline: none;
  }
}

.content {
  width: 1238px;
  margin: auto;
}

.container-70 {
  display: inline-block;
  width: 70%;
  margin-top: 1rem;
  vertical-align: top;
}

.container-30 {
  display: inline-block;
  width: 30%;
  margin-top: 1rem;
  vertical-align: top;
}

button:focus {
  outline: none;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-family: $font-family-sans-serif;
  font-size: $font-size-base;
  background-color: $white;
}

body {
  margin: 0;
}

h1 {
  text-align: center;
}

h2 {
  margin-top: .75rem;
  margin-bottom: .75rem;
  color: $dark-gray;
  font-size: $font-size-small;
  letter-spacing: 1px;
  text-transform: uppercase;
}

select {
  width: 100%;
  background-color: inherit;
  border: none;
  cursor: pointer;
  text-align-last: center;

  &:active,
  &:focus {
    outline: none;
  }
}

.content {
  width: 1238px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}

.container-70 {
  display: inline-block;
  width: 70%;
  margin-top: 1rem;
  vertical-align: top;
}

.container-50 {
  display: inline-block;
  width: 50%;
  margin-top: 1rem;
  vertical-align: top;
}

.container-30 {
  display: inline-block;
  width: 30%;
  margin-top: 1rem;
  vertical-align: top;
}

button:focus {
  outline: none;
}

Add 50% width container. Give content divs bottom margin
Add 50% width container. Give content divs bottom margin
