/* styles.css */
/* One page for every screen size.
   Phones (under 768px wide) get the mobile artwork; tablets and desktops get the desktop artwork.
   The hidden layout's images are lazy-loaded, so browsers don't download them. */
html, body { margin: 0; padding: 0; background: #fff; }
.container { width: 100%; margin: 0 auto; }
.section { margin: 0; padding: 0; line-height: 0; }
.section img { display: block; width: 100%; height: auto; border: 0; }

.mobile  { display: block; }
.desktop { display: none; max-width: 1440px; }

@media (min-width: 768px) {
  .mobile  { display: none; }
  .desktop { display: block; }
}