*, *:before, *:after { box-sizing: inherit; } 

:root { 
	--gap: 12px;
	--inner-gap: 6px;
	--border-radius: 12px;
	--inner-border-radius: 8px;
}


@media (min-width: 768px) and (max-width: 991px) {
	
	:root {
		--gap: 18px;
		--inner-gap: 8px;
		--border-radius: 18px;
		--inner-border-radius: 12px;
	}

}

@media (min-width: 992px){
	
	:root {
		--gap: 24px;
		--inner-gap: 12px;
		--border-radius: 18px;
		--inner-border-radius: 12px;
	}
	
}