:root {
	--vh: 100vh;
	--brown-dark: #43250F;
	--brown-deep: #321C0B;
	--brown-red: #662E2E;
	--olive: #434833;
	--caramel: #BE7C4D;
	--beige-white: #F4F1EC;
	--beige: #E5DED5;
	--beige-light: #EEE9E3;
	--font-size: .7vw; /*12px*/
	--lateralMargin: 2.78vw; /*48px*/
	--gap: 1.38vw; /*24px*/
	--gapValue: 1.38;
	--postArchiveContainer: 50.46vw; /*872px*/
	--page-width: 1728;
    --vwTransform: calc(100vw / var(--page-width));
}


@media screen and (max-width: 1440px) {
	:root {
		--font-size: .83vw;
	}
}


@media screen and (max-width: 1280px) {
	:root {
		--font-size: .93vw;
	}
}


@media only screen and (max-width: 740px) {
	:root {
		--font-size: 3.07vw;
		--lateralMargin: 4.1vw;
		--gap: 4.1vw;
		--gapValue: 4.1;
		--basePx : 390px;
        --page-width: 390;
	}
}


@media only screen and (max-width: 550px) {
	:root {
		--font-size: 12px;
		--lateralMargin: 16px;
		--gap: 16px;
		--gapValue: 16;
		--basePx : 390px;
	}
}