/* ------------------------------
              RESET
------------------------------ */

*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

#root, #__next {
  isolation: isolate;
}

.gs-wrapper { 
  width: 75%; 
  max-width: 1440px; 
  min-width: 960px; 
  margin: auto; 
}

.gs-wrapper-full { 
  width: 100vw; 
  position: relative; 
  left: 50%; 
  right: 50%; 
  margin-left: -50vw; 
  margin-right: -50vw; 
}

.listReset {
  list-style: none;
}

.linkReset {
  text-decoration: none;
  color: var(--noir);
}

/* example import font via file */
/* @font-face {
    font-family: 'Kohinoor';
    src: url('/fonts/KohinoorLatin-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */


/* ------------------------------
         RESPONSIVE
------------------------------ */

/* responsive styles */

@media (max-width: 1440px) {


}


@media (max-width: 1280px) {


}


@media (max-width: 960px) {
  .gs-wrapper {
    padding: 0 20px;
    min-width: 0;
    width: auto;
  }
}


@media (max-width: 768px) {
  html {
    font-size: 10px;
  }

  .a-waiting-title {
      font-size: 22px;
  }

  .a-waiting-image {
      height: auto;
  }

  .m-waiting-container {
      height: 100vh;
  }
}