/* ==========================================================================
   FORTUNE ONE STUDIOS - BASE STYLES & RESET
   Universal CSS resets and device fixes
   ========================================================================== */

/* Reset for all devices */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Mobile & desktop viewport fix */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Responsive mobile settings */
@media screen and (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
  }

  .container {
    width: 100%;
    max-width: 100%;
  }
}