@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
   body {
      background: url(../img/mobile/kitchen_interior.jpg), #ffffff;
      background-size: 100% auto;
   }
   #nav-links {
      display: none;
   }
   nav div {
      padding-left: 1rem;
   }
   nav div:nth-child(2) {
      display: table-cell;
   }
   nav div:last-child {
      display: none;
   }
   footer {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
   }
   footer div {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
   }
   footer ul {
      width: 12rem;
      text-align: center;
   }
   footer div:first-child img {
      padding-right: 1rem;
      width: auto;
      height: 5rem;
   }
   footer div:nth-child(3) img {
      width: auto;
      height: 5rem;
   }
   section.panel {
      width: 95%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
   }
}