﻿@media (min-width:901px) {
}


@media (max-width:900px) {
  body {
    --is_small_screen:1;
    --blockmark-width:auto;
    --blockmark-height:45px;
    --title-height:45px;
		--geovoile-width:calc(var(--geovoile-height) * 1.5);
  }

  #blockmark {
    padding-right:10px;
    padding-left:10px;
  }
  #carousel {
    aspect-ratio:3 / 2;
  }
  
  #subtitle {
    left:auto;
    right:0;
    padding:0 calc(var(--skewval) * 2 + var(--title-height)) 0 calc(var(--skewval) * 2);
    clip-path:polygon(var(--skewval) 0, 100% 0, 100% 100%, 0 100%);
    font-size:16px;
  }
  body.MONOLEG #subtitle {
    padding-left:calc(var(--skewval) * 2);
    padding-right:calc(var(--skewval) * 2);
  }
  
  #nav:not(.on) .content .leg.on {
    display:none;
  }
  #nav .buttons .burger .line {
	  width:15px;
    height:2px;
  }
  #nav .buttons .burger .line:before {
	  top:-5px;
	  width:15px;
    height:2px;
  }
  #nav .buttons .burger .line:after {
	  bottom:-5px;
	  width:15px;
    height:2px;
  }

  #vr {
    --right-on-smallscreen:0px;
    --left:auto;
	  top:0;
    right:var(--right-on-smallscreen);
  }
  #vr a {
      height:50%;
    }

}


@media (max-width:450px) {
  #nav .burger .line {
	  width:15px;
	  height:2px;
  margin-top:2px;
  }
  #nav .burger .line:before {
	  top:-5px;
	  width:15px;
	  height:2px;
  }
  #nav .burger .line:after {
	  bottom:-5px;
	  width:15px;
	  height:2px;
  }

  #subtitle {
	  font-size:14px;
  }
}

