/*sizes nav*/
body {
  --burger-line-height: 5px;
  --nav-icon-height: 31px;
  --nav-icon-width: 68px;
  --nav-icon-padding-X: 2.4vw;
  --nav-icon-padding-Y: 3.1vw;
}

/*color*/
:root {
  --color-1: #383a3d;
  --color-1-1: #787a7c;
  --color-2: #b0b743;
  --color-3: #f0f0f0;
}

/*sizes,pad,marg*/
:root {
  --margin-bottom-row: clamp(4.12rem, 2.474rem + 6.27vw, 10rem);
  --gap-l: 2vw;
  --gap-xl: clamp(2.529rem, 1.508rem + 3.89vw, 6.176rem);
  --gap-l: clamp(1.176rem, 0.896rem + 1.07vw, 2.176rem);

  --content-width: 1170px;

  /* Font size */

  --h1-font-size: clamp(
    15px,
    calc(15px + (20 - 15) * ((100vw - 375px) / (1920 - 375))),
    20px
  );
  --h2-font-size: clamp(
    20px,
    calc(20px + (40 - 20) * ((100vw - 375px) / (1920 - 375))),
    40px
  );
  --h3-font-size: clamp(
    20px,
    calc(20px + (32 - 20) * ((100vw - 375px) / (1920 - 375))),
    32px
  );
  --h4-font-size: clamp(
    15px,
    calc(15px + (19 - 15) * ((100vw - 375px) / (1920 - 375))),
    19px
  );

  --main-font-size: clamp(
    15px,
    calc(15px + (17 - 15) * ((100vw - 375px) / (1920 - 375))),
    17px
  );
}

/*fonts*/
:root {
  --mainfont: "Rufina";
  --headlinefont: "Albert Sans";
}

/*VC*/

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

  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1500px) {
  /*----------------- ELEMENT -------------*/

  /*----------------- END ELEMENT ---------*/
}

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

  /*----------------- END ELEMENT ---------*/
}

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

  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 767px) {
  /*----------------- ELEMENT -------------*/

  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 576px) {
  /*----------------- ELEMENT -------------*/

  /*----------------- END ELEMENT ---------*/
}

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

  /*----------------- END ELEMENT ---------*/
}

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

  /*----------------- END ELEMENT ---------*/
}