/*
	Aerial 1.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body {
		min-width: 320px;
	}

	body, input, select, textarea {
		font-size: 11pt;
	}

/* Header */

	#header h1 {
		font-size: min(var(--title-size, 4.35em), 2.5em, var(--title-vw, 8.75vw));
		letter-spacing: -0.02em;
	}

	#header h2 {
		letter-spacing: -0.02em;
	}

	#header h2#subline {
		white-space: normal;
	}

	#header p {
		font-size: 1em;
	}

	#header nav {
		font-size: 1em;
	}

		#header nav a:hover {
			font-size: 1em;
		}

		#header nav a:active {
			font-size: 1em;
		}

/* Scroll (small screens) — центровка как на десктопе, прокрутка внутри #main */

	#main {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

/* Countdown (mobile) */

	.cd-box {
		min-width: 4em;
	}

	.cd-num {
		font-size: min(var(--timer-size, 2.4em), 1.6em, var(--timer-vw, 5vw));
	}

	.cd-label {
		font-size: 0.6em;
	}

	.cd-sep {
		font-size: calc(min(var(--timer-size, 2.4em), 1.6em, var(--timer-vw, 5vw)) * 0.6);
	}

/* Groups (mobile) */

	#groups .grp {
		font-size: min(var(--gs, 4.35em), 1.9em, var(--gs-vw, 6.75vw));
	}

	.grp-sep {
		font-size: min(var(--gs, 4.35em), 1.9em, var(--gs-vw, 6.75vw));
		margin: 0 0.3em;
	}