/* Root. */

:root {
	/* icon. */
	--icon_size: 24px;
	/* icon. */
	--scroll: 17px;
	/* font-size. */
	--body: 17px;
	--family: 'Roboto', sans-serif;
	/* font-size. */

	/* color. */
	--color: var(--black);
	--bg: var(--white);

	--white: #fff;
	--black: #0C1A20;

	--primary: #0093CD;
	--gray: #808080;
	/* color. */

	/* btn.*/
	--btn_height: ;
	--btn_inner: ;
	--btn_color: ;
	--btn_font: ;
	--btn_bg: ;
	--btn_bd_size: ;
	--btn_bd_color: ;
	--btn_shadow: ;
	--btn__lh: 0px;
	/* btn.*/

	/* inner. */
	--inner_g: ;

	--bone: 30px;
	--bone_w: 1720px;
	--bone_size: max((100vw - var(--bone_w) - var(--scroll)) / 2, var(--bone));
	/* inner. */

	/* grid. */
	--grid_2: 2;
	--grid_3: 3;
	--grid_4: 4;
	/* grid. */
}

@media only screen and (max-width: 1200px) {

	/* Root. */

	:root {
		/* grid. */
		--grid_4: var(--grid_3);
		/* grid. */
	}

	/* Root. */

}

@media only screen and (max-width: 900px) {

	/* Root. */

	:root {
		/* grid. */
		--grid_3: var(--grid_2);
		/* grid. */
	}

	/* Root. */

}

@media only screen and (max-width: 600px) {

	/* Root. */

	:root {
		/* grid. */
		--grid_2: 1;
		/* grid. */
	}

	/* Root. */

}

/* Root. */

@media only screen and (max-width: 0px) {

	/* Block_name. */

	object_name {
		
	}

	/* Block_name. */

}