:root {
	--padding-xs: min(6%, 100px);
	--padding-sm: calc(8%);
	--padding-md: calc(10%);
	--padding-lg: calc(12%);
	--padding-lector: calc(28%) ;
}

@media (width < 2000px) {
	:root {
		--padding-lector: calc(20%);
	}
}

@media (width < 1500px) {
	:root {
		--padding-lector: calc(15%);
	}
}

@media (width < 900px) {
	:root {
		--padding-lector: calc(5%);
	}
}