@font-face {
  font-family: "Linotype Regular";
  src: url("../FONTS/LinotypeUnivers-420Cn.woff");
}
@font-face {
  font-family: "Linotype Italic";
  src: url("../FONTS/LinotypeUnivers-521CnMdIt.woff");
}
@font-face {
  font-family: "Linotype Heavy";
  src: url("../FONTS/LinotypeUnivers-720CnHeavy.ttf");
}
@font-face {
  font-family: "Linotype Bold";
  src: url("../FONTS/LinotypeUnivers-820CnBlack.woff");
}
@font-face {
  font-family: "Linotype Bolder";
  src: url("../FONTS/LinotypeUnivers-920CnXBlack.woff");
}
:root {
  --primary: #fff;
  --primary-alt: #F7F4EF;
  --secondary: #000;
  --tertiary: #20a1b0;
  --accent: #b71d1c;
  --pink: #ba0070;
  --orange: #d55b15;
  --xl: 140px;
  --l: 70px;
  --m: 40px;
  --s: 25px;
  --xs: 15px;
  --gorillaz-font: "Balboa", sans-serif;
  --hok-font: "Roboto", sans-serif;
  --linotype: "Linotype Regular";
  --linotype-italic: "Linotype Italic";
  --linotype-heavy: "Linotype Heavy";
  --linotype-bold: "Linotype Bold";
  --linotype-bolder: "Linotype Bolder";
}
@media (max-width: 600px) {
  :root {
    --xl: 70px;
    --l: 35px;
    --m: 20px;
    --s: 15px;
    --xs: 5px;
  }
}

main {
  width: 100%;
  max-width: 1400px;
  height: auto;
  min-height: 100vh;
  min-height: 100svh;
  margin: auto;
  padding: var(--l) var(--m);
  display: grid;
  grid-template-columns: 2fr 1fr;
  place-items: center;
  gap: var(--xl);
}
main .column-image img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
main .column-form {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--s);
}
main .column-form .form {
  width: 400px;
  height: auto;
  margin-right: auto;
}
main .column-form .form .logo {
  display: block;
  width: 90%;
  margin: 0px auto;
}
main .column-form .form iframe {
  display: block;
  height: 360px;
}
@media (max-width: 1024px) {
  main {
    grid-template-columns: 1fr 1fr;
    gap: var(--m);
  }
  main .column-form .form {
    width: auto;
  }
}
@media (max-width: 768px) {
  main {
    grid-template-columns: 1fr;
    padding: var(--m);
    height: calc(100vh - 53px);
    height: calc(100svh - 53px);
    min-height: 1100px;
    gap: 0px;
  }
  main .column-image img {
    max-width: 350px;
  }
  main .column-form .form {
    max-width: 400px;
    margin: 0px auto;
  }
}
@media (max-width: 440px) {
  main {
    height: calc(100svh - 128px);
    height: calc(100svh - 128px);
    min-height: auto;
    margin-top: 128px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  main .column-form {
    height: auto;
    justify-content: flex-start;
  }
  main .column-form .form .logo {
    display: none;
  }
  main .column-form .form iframe {
    height: 380px;
    aspect-ratio: 1;
  }
}
@media (max-width: 440px) and (max-height: 750px) {
  main {
    height: auto;
    min-height: calc(100svh - 128px);
  }
}/*# sourceMappingURL=mystery-tour.css.map */