/*==========  Desktop First Method  ========== */
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .page {
    padding: 45px 40px; }

  .last {
    margin-top: 30px; } }
@media only screen and (max-width: 550px) {
  .page {
    padding: 45px 30px;
    line-height: 25px; } }
@media only screen and (max-width: 420px) {
  .page {
    padding: 35px 20px; }
    .page h1 {
      line-height: 35px;
      margin-top: -10px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  /* */ }
/* Custom, iPhone Retina */
@media only screen and (max-width: 768px) and (max-height: 1024px) {
  footer {
    position: inherit; } }
@media only screen and (max-width: 500px) {
  .icon-menu {
    display: block !important; }

  nav {
    padding: 30px 0; }
    nav ul {
      display: none;
      margin-top: 25px; }
      nav ul li {
        display: inherit;
        margin: 12px 0; }
        nav ul li a {
          font-size: 18px; } }
@media only screen and (min-width: 500px) {
  nav ul {
    display: block !important; } }
/*==========  Mobile First Method  ========== */
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /* */ }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /* */ }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /* */ }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /* */ }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /* */ }