html, body {
	font-size: 18px;
	line-height: 1.30;
}

.content h1 {
	font-size: 35px;
}

.title h1 {
	font-size: 43px;
	line-height: 86px;
}

/* ============ layout ====================== */

.main-content {
	max-width: 1366px;
}

	.front-page .main-grid {
		grid-template-columns: calc(100% - 400px) 400px;
	}
	header nav {
		font-size: 22px;
	}

	header nav a, header nav a:visited {
		padding: 0px 10px;
	}


	.footer-text {
		font-size: 14px;
	}

	.footer-column.spaced {
		padding-right:0px;
	}


	.back-icon {
		left: 0px;
	}


	.sub-nav {
		width: 240px;
		min-width: max-content;
		padding: 40px 0px;
	}

		.sub-nav a {
			font-weight: 500;
			font-size: 20px;
		}

			.limiter {
				padding: 0px 30px 0px 20px;
				max-width: 275px;
			}

	.article-content {
		padding: 30px;
	}

/* =============== content ====================*/
.cell1-text, .cell2-text {
	font-size: 3.6vw;
}

.cell4 .cell-content {
	width:calc(100% - 20px);
	margin:10px 10px 20px 10px;
}

.stat-num {
	font-size: 40px;
}

a.stat-link {
	font-size: 20px;
	font-weight: 650;
}

.stat-map {
	width:80px;
	height:46px;
}

.asterix {
	font-size:20px;
	top:2px;
	right:-10px;
}


.material-description {
	-webkit-line-clamp: 8;
}

.slider .true-cell-content {
	padding: 70px 30px 50px 30px;
}

.events-body {
	margin: -88px -30px -30px 0;
	padding: 88px 72px 40px 20px;
}

.events-body h1,
.events-body h1:first-child {
	margin-right: -12px;
	margin-left: -12px;
}

.events-body h2,
.events-body h2:first-child {
	margin-right: -12px;
	margin-left: -12px;
}

.photogalery-gallery-scroller {
	transition: transform 700ms ease-out;
}

.photogalery-image {
	transition: opacity 300ms ease-out, transform 700ms ease-out;
}


.photogalery-area::before {
	top: -53px;
}

.photogalery-area::after {
	bottom: -53px;
}