/* sizes nav */

body {
  --burger-line-height: 3px;
  --nav-icon-height: 17px;
  --nav-icon-width: 26px;
  --nav-icon-padding-X: 2.89vw;
  --nav-icon-padding-Y: 4.3vw;
  --height-miniform-mobil: 50px;
  --height-miniform: 80px;
}

/* sizes,pad,marg */

:root {
  --h1-font-size: clamp(14px,
      calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375))),
      18px);
  --h2-font-size: clamp(23px,
      calc(23px + (45 - 23) * ((100vw - 375px) / (1920 - 375))),
      45px);
  --h3-font-size: clamp(21px,
      calc(21px + (28 - 21) * ((100vw - 375px) / (1920 - 375))),
      28px);
  --h4-font-size: clamp(13px,
      calc(13px + (15 - 13) * ((100vw - 375px) / (1920 - 375))),
      15px);
  --h5-font-size: clamp(17px,
      calc(17px + (26 - 17) * ((100vw - 375px) / (1920 - 375))),
      26px);
  --h6-font-size: clamp(15px,
      calc(15px + (16 - 15) * ((100vw - 375px) / (1920 - 375))),
      16px);
  --base-font-size: clamp(14px,
      calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375))),
      16px);
  --btn-font-size: clamp(12px,
      calc(12px + (13 - 12) * ((100vw - 375px) / (1920 - 375))),
      13px);
  --xxl-font-size: clamp(35px,
      calc(35px + (96 - 35) * ((100vw - 375px) / (1920 - 375))),
      96px);

  /* Spacing */
  --gap-s: clamp(5px, 2.66vw, 15px);
  --gap-m: clamp(25px, 5.33vw, 30px);
  --gap-l: clamp(35px, 9.33vw, 60px);
  --gap-xl: clamp(70px, 20vw, 100px);
  --cont-gap: clamp(100px, 20vw, 150px);

  /* gradient */
  --gradient-home: linear-gradient(180deg, var(--ast-global-color-3) 0, var(--ast-global-color-3) 1313px, var(--ast-global-color-1) calc(1313px + 700px), var(--ast-global-color-1) 100%);
  --gradient: linear-gradient(180deg, var(--ast-global-color-3) 0, var(--ast-global-color-3) 700px, var(--ast-global-color-1) calc(700px + 700px), var(--ast-global-color-1) 100%);

  /* border-radius */
  --border-radius-10: 10px;

  --miniform-height: 80px;
}

/* fonts */

:root {
  --mainfont: "filson-pro";
  --headlinefont: "aquavit";
}

@media (min-width: 1920px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1500px) {
  :root {
    --polaroid-gap: 6vw;
  }
}

@media (max-width: 1200px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1024px) {
  :root {
    --polaroid-gap: 8vw;
  }
}

@media (max-width: 990px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 768px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 576px) {
  body {
    --nav-icon-height: 14.5px;
  }

  :root {
    --gradient-home: linear-gradient(180deg, var(--ast-global-color-3) 0, var(--ast-global-color-3) 983px, var(--ast-global-color-1) calc(983px + 430px), var(--ast-global-color-1) 100%);
    --gradient: linear-gradient(180deg, var(--ast-global-color-3) 0, var(--ast-global-color-3) 570px, var(--ast-global-color-1) calc(570px + 500px), var(--ast-global-color-1) 100%);
  }
}

@media (max-width: 420px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 320px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}