:root {
	/* PADDINGS */
	--pad_xl:100px;
	--pad_lg:75px;
	--pad_md:50px;
	--pad_sm:35px;
	--pad_xs:15px;
	/* COLUMNS GAP */
	--gap-xl:50px;
	--gap-lg:37px;
	--gap-md:25px;
	--gap-sm:17px;
	--gap-xs:7px;
	--gap-xl-negative:-50px;
	--gap-lg-negative:-37px;
	--gap-md-negative:-25px;
	--gap-sm-negative:-17px;
	--gap-xs-negative:-7px;
}

@media all and (max-width:991px) {
	:root {
		/* PADDINGS */
		--pad_xl:85px;
		--pad_lg:65px;
		--pad_md:40px;
		--pad_sm:26px;
		--pad_xs:12px;
		/* COLUMNS GAP */
		--gap-xl:42px;
		--gap-lg:32px;
		--gap-md:20px;
		--gap-sm:13px;
		--gap-xs:6px;
		--gap-xl-negative:-42px;
		--gap-lg-negative:-32px;
		--gap-md-negative:-20px;
		--gap-sm-negative:-13px;
		--gap-xs-negative:-6px;
	}
}

@media all and (max-width:639px) {
	:root {
		/* PADDINGS */
		--pad_xl:65px;
		--pad_lg:40px;
		--pad_md:26px;
		--pad_sm:20px;
		--pad_xs:10px;
		/* COLUMNS GAP */
		--gap-xl:30px;
		--gap-lg:20px;
		--gap-md:12px;
		--gap-sm:10px;
		--gap-xs:5px;
		--gap-xl-negative:-30px;
		--gap-lg-negative:-20px;
		--gap-md-negative:-12px;
		--gap-sm-negative:-10px;
		--gap-xs-negative:-5px;
	}
}

@media all and (max-width:459px) {
	:root {
		/* PADDINGS */
		--pad_xl:60px;
		--pad_lg:40px;
		--pad_md:20px;
		--pad_sm:18px;
		--pad_xs:12px;
		/* COLUMNS GAP */
		--gap-xl:30px;
		--gap-lg:16px;
		--gap-md:10px;
		--gap-sm:6px;
		--gap-xs:3px;
		--gap-xl-negative:-30px;
		--gap-lg-negative:-16px;
		--gap-md-negative:-10px;
		--gap-sm-negative:-6px;
		--gap-xs-negative:-3px;
	}
}