/*sizes nav*/

body {
  --burger-line-height: 2.5px;
  --nav-icon-height: 20px;
  --nav-icon-width: 35px;
  --nav-icon-padding-X: 5.33vw;
  --nav-icon-padding-Y: 5.87vw;

  --icon-height: 20px;
  --sidebar-width: 325px;
}

/*sizes,pad,marg*/

:root {
  --h1-font-size: calc(15px + (18 - 15) * ((100vw - 375px) / (1920 - 375)));
  --h2-font-size: calc(25px + (45 - 25) * ((100vw - 375px) / (1920 - 375)));
  --h3-font-size: calc(15px + (18 - 15) * ((100vw - 375px) / (1920 - 375)));
  --h4-font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
  --h5-font-size: calc(14px + (20 - 14) * ((100vw - 375px) / (1920 - 375)));
  --h6-font-size: calc(13px + (16 - 13) * ((100vw - 375px) / (1920 - 375)));
  --base-font-size: calc(15px + (16 - 15) * ((100vw - 375px) / (1920 - 375)));
  --btn-font-size: 14px;

  /**spacing*/
  --gap-s: clamp(5px, 2.66vw, 15px);
  --gap-m: clamp(20px, 5.33vw, 30px);
  --gap-l: clamp(35px, 9.33vw, 60px);
  --gap-xl: clamp(100px, 20vw, 130px);
  --cont-gap: clamp(90px, 20vw, 160px);
  --bg-padding: clamp(120px, 18vw, 140px);
}

/*fonts*/

:root {
  --mainfont: "Alfabet";
  --headlinefont: "Kalnia";
}

/*VC*/

@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) {
}

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

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