@media (max-aspect-ratio: 1024/575) {
  :root {
	--h1-font-size: 3.3vw !important;
/*     border: 10px solid red !important;; */
  }
}
@media (max-aspect-ratio: 685/692) {
	:root {
		--font-size-s: 2vh !important;;
	}
	nav {
/* 		border: 10px solid green; */
	}
}

@font-face {
/* 	a name to be used later */
    font-family: 'Custom';
/* 	URL to font */
    src: url('/fnt/ComforterBrush-Regular.otf');

/*     font-family: 'Mavka'; */
    src: url('/fnt/Sweet Mavka Script.otf');
}

:root {
	--georg-lenta0: 214, 153, 13;
	--georg-lenta1: 0, 0, 0;

	--zvezdocka0: 213, 43, 30;
	--zvezdocka1: 244, 211, 86;

	--krug0: 106, 113, 69;
	--krug1: 0, 0, 0;
	--krug2: 255, 255, 255;

	--site-title-fg: var(--zvezdocka0);
	--site-title-bg: var(--zvezdocka1);
	--site-title-fg: var(--zvezdocka1);
	--site-title-bg: var(--zvezdocka0);
	
	--site-title-fg: var(--georg-lenta0);
	--site-title-bg: var(--georg-lenta1);
	--site-title-fg: var(--georg-lenta1);
	--site-title-bg: var(--georg-lenta0);

	--site-title-fg: var(--krug0);
	--site-title-bg: var(--krug1);
	--site-title-fg: var(--krug1);
	--site-title-bg: var(--krug0);

	--site-title-fg: var(--krug0);
	--site-title-bg: var(--krug2);
	--site-title-fg: var(--krug2);
	--site-title-bg: var(--krug0);
	
	/* 	--site-title-fg: var(--krug1);
		 --site-title-bg: var(--krug2); */
	/* 	--site-title-fg: var(--krug2);
		 --site-title-bg: var(--krug1); */

	--site-title-ss: 3px;
	
	--head-pad-bot: 13vh;
	
	--sections-padding: 0em;
	--sections-height: calc(100vh - var(--sections-padding));
	--sections-width: calc(100vw - var(--sections-padding));

	--font-size-s: 1.35vw;
/* 	--font-size-s: 1.42vw; */
/* 	--font-size-s: 2.1vh; */
	
	--logo-1d-size: 50vh;
	
	--nav-padding-v: .3em;
	--nav-padding-h: 2em;
	--nav-height: 0px;
	--nav-height: 30px;
	--nav-height: 100px;

	--h1-font-size: 6vh;
	--h1-padding: .5em;
	--h1-padding: calc(var(--h1-font-size) / 2);
	--h1-padding-top: var(--h1-padding);
	--h1-margin-top: 0px;

	--h1-font-size-header: 8vh;
	--h1-padding-header: calc(var(--h1-font-size-header) / 2);
	--h1-padding-top-header: var(--h1-padding-header);
	--h1-margin-top-header: 0px;
	
	--h1-height: calc(var(--h1-font-size) + var(--h1-padding) + var(--h1-padding-top) + var(--h1-margin-top));
	
	--s-width: 50vw;
	--s-margin: calc((100vw - var(--s-width) - var(--logo-1d-size)) / 2);

	--s-hight: 50vh;
	--s-h-margin: calc((100vw - var(--s-hight) - var(--logo-1d-size)) / 2);
	
	--header-slider-left: calc((100vw * 1 / 3 - 50vh) + var(--logo-1d-size));
	--header-slider-bottom: calc(var(--h1-font-size) + var(--h1-padding) * 2 + 2vh);
	--header-slider-width: calc(100vw - var(--header-slider-left) - 3vw * 2);
	--header-slider-height: calc(100vh - var(--header-slider-bottom));
	
	--sobytia-gap: 1.8vh;
	
	--klich-width: 47.2vw;
/* 	--klich-width: 46.875vw; */
}