@charset "utf-8";

/* VARS
============================== */
:root{
	/*Margins*/
	--mxs: 1.32275132275vw;/*20px*/
	--ms: 2.6455026455vw;/*40px*/
	--m: 3.30687830688vw;/*50px*/
	--mm: 3.96825396825vw;/*60px*/
	--ml: 5.29100529101vw;/*80px*/
	--mxl: 6.61375661376vw;/*100px*/

	/*Blocks*/
	--bh200: 13.2275132275vw;/*200px*/
	--bh300: 19.8412698413vw;/*300px*/
	--bh500: 33.0687830688vw;/*500px*/
	--bh600: 39.6825396825vw;/*600px*/
}
@media (min-width: 1681px){
	:root{
		/*Blocks*/
		--bh200: 220px;
		--bh500: 560px;
		--bh600: 680px;
	}
}
@media (max-width: 1024px){
	:root{
		/*Margins*/
		--mxs: 2.39808153477vw;/*20px*/
		--ms: 4.31654676259vw;/*36px*/
		--m: var(--ms);
		--mm: 7.19424460432vw;/*60px*/
		--ml: 9.59232613909vw;/*80px*/
		--mxl: var(--bh200);

		/*Blocks*/
		--bh200: 11.9904076739vw;/*100px*/
		--bh300: 35.9712230216vw;/*300px*/
		--bh500: 59.9520383693vw;/*500px*/
		--bh600: var(--bh500);
	}
}
@media (max-width: 414px){
	:root{
		/*Margins*/
		--mxs: 1.6rem;
		--ms: var(--mxs);
		--mm: 4rem;
		--ml: 8rem;

		/*Blocks*/
		--bh200: 60px;
		--bh500: 225px;
	}
}
@media (max-width: 320px){
	:root{
		/*Margins*/
		--mxs: 1rem;
		--mm: 3rem;

		/*Blocks*/
		--bh200: 40px;
		--bh500: 200px;
	}
}