/* We use this media query to add styles to any device that supports media queries */
@media only screen {
  #home-nav {
    display: none;
  }

  #footer, #copyright {
    padding-top: 0.5em;
  }

  #mail-container {
    margin-top: 1em;
  }
}
/* Used to alter styles for screens at least 450px wide. This is where the grid changes. */
/* Used to alter styles for screens at least 525px wide. This is where the grid changes. */
/* Used to alter styles for screens at least 641px wide. This is where the grid changes. */
@media only screen and (min-width: 641px) {
  #footer, #copyright {
    padding-top: 1em;
  }

  #mail-container {
    margin-top: 4em;
  }
}
/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (min-width: 768px) {
  #footer, #copyright {
    padding-top: 1.5em;
  }

  .top-bar-section ul {
    display: table;
    margin: 0 auto;
  }

  .top-bar-section ul li {
    display: table-cell;
  }
}
/* Used to alter styles for screens at least 960px wide. */
@media only screen and (min-width: 960px) {
  #footer, #copyright {
    padding-top: 2em;
  }
}
/* Used to alter styles for screens at least 1000px wide. */
@media only screen and (min-width: 1000px) {
  #nav-home-small {
    display: none;
  }

  #home-nav {
    display: block;
  }
}
/* Used to alter styles for screens at least 1280px wide. */
/* Used to alter styles for screens at least 1440px wide. */
/* Apply styles to screens in landscape orientation */
/* Apply styles to screens in portrait orientation */