/* BEGIN: VARIABLES --------------------------------------------------------- */

:root {
	--animation-duration: 0.5s;
	--border: 4px solid white;
	--color-blue: #0077ff;
	--color-red: #ff4400;
	--content-gap: 1em;
	--screen-increment: 0;
	--section-padding-horizontal:
		calc( 16px * ( 1 + var( --screen-increment ) ) * 0.875);
	--section-padding-horizontal:
		calc( 16px * ( 1 + var( --screen-increment ) ) );
		--section-padding-vertical: 5em;
}


@media screen and ( min-width: 400px ) {

	:root {
		--screen-increment: 1;
		--content-gap: 1.625em;
	}

}

@media screen and ( min-width: 480px ) {
	:root { --screen-increment: 2 } }
@media screen and ( min-width: 560px ) {
	:root { --screen-increment: 3 } }
@media screen and ( min-width: 640px ) {
	:root { --screen-increment: 4 } }
@media screen and ( min-width: 720px ) {
	:root { --screen-increment: 5 } }
@media screen and ( min-width: 800px ) {
	:root { --screen-increment: 6 } }
@media screen and ( min-width: 880px ) {
	:root { --screen-increment: 7 } }
@media screen and ( min-width: 960px ) {
	:root { --screen-increment: 8 } }
@media screen and ( min-width: 1040px ) {
	:root { --screen-increment: 9 } }
@media screen and ( min-width: 1120px ) {
	:root { --screen-increment: 10 } }
@media screen and ( min-width: 1200px ) {
	:root { --screen-increment: 11 } }
@media screen and ( min-width: 1280px ) {
	:root { --screen-increment: 12 } }
@media screen and ( min-width: 1360px ) {
	:root { --screen-increment: 13 } }
@media screen and ( min-width: 1440px ) {
	:root { --screen-increment: 14 } }
@media screen and ( min-width: 1520px ) {
	:root { --screen-increment: 15 } }
@media screen and ( min-width: 1600px ) {
	:root { --screen-increment: 16 } }
@media screen and ( min-width: 1680px ) {
	:root { --screen-increment: 17 } }
@media screen and ( min-width: 1760px ) {
	:root { --screen-increment: 18 } }
@media screen and ( min-width: 1840px ) {
	:root { --screen-increment: 19 } }
@media screen and ( min-width: 1920px ) {
	:root { --screen-increment: 20 } }

/* END: VARIABLES ----------------------------------------------------------- */