@media screen and (min-width: 50em) {
  #contact {
    padding-left: 1.5em;
  }
}
@media screen and (min-width: 56em) {
  #footerContent {
    width: 90%;
  }
  #sliderContent p {
    padding: 0 1em;
  }
}
@media screen and (min-width: 67em) {
  #hd, #bodyContent, #footer {
    width: 66.25em;
  }
  .social {
    display: inline-block;
  }
  #contact {
    font-size: 1.2em;
    padding-left: 6em;
  }
  #sliderContainer {
    height: 20.5em;
  }
  #sliderContent {
    width: 33%;
  }
  #footerContent {
    width: 66.25em;
  }
  #footerContent td.text {
    font-size: 1.2em;
  }
}