@media screen and (max-width: 1024px) {
	nav {
		z-index: 1;
	}

	nav ul {
		padding-bottom: 2.6em;
	}

	nav ul#submenu li {
		float: none;
		display: block;
	}

	nav li + li:not(#mobile) {
		margin: 0.3em 0 0 !important;
	}

	nav .center {
		float: left;
		position: initial;
		transform: initial;
	}

	nav h1 {
		font-size: 1.5em;
	}

	nav #mobile {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 1em;
	}

	.inline {
		display: block !important;
	}

	.inline + .inline {
		margin-left: auto;
	}

	.table,
	.matrix,
	.form {
		max-width: 100%;
	}

	.table,
	.matrix {
		margin: 0 0 2em;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.matrix.summary {
		padding-left: 1.5em;
	}

	nav button {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 600px) {
	.logo {
		margin: 1em 0 2em;
	}

	.preloader #text-1:before,
	.preloader #text-2:before,
	.preloader #text-3:before,
	.preloader #text-4:before {
		animation: none;
	}

	.summary:not(.matrix) td,
	.summary:not(.matrix) th {
		display: block;
	}
}