.block {
	overflow: hidden;
}

.block .dynamic-content *,
.block .dynamic-content {
	color: #004363;
	font-size: var(--font-size-text);
	line-height: 28px;
}

.block .dynamic-content a {
	text-decoration: underline;
}

.block .dynamic-content a:hover {
	color: var(--color-secondary);
}

.block h2 {
	color: #004363;
	font-size: var(--font-size-h2);
	margin-bottom: 0.5em !important;
	font-weight: 700;
	line-height: calc(var(--font-size-h2) * 1.2);
}

.block_2_1,
.block_2_3,
.block_1_1 {
	display: flex;
	justify-content: center;
	width: 100%;
	position: relative;
}

.block_2_3 .inner-content {
	display: grid;
	grid-template-columns: clamp(0px, 30vw, 660px) 1fr;
	width: 100%;
	max-width: var(--wrapper-width);
	min-width: var(--wrapper-width);
	gap: calc(50px + 5%);
	position: relative;
}

.header {
	max-height: 727px;
}

@media screen and (max-width: 1400px) {
	.header {
		max-height: 1000000px;
	}
}

/*

Turn this on for the fade in effect on scroll
I have it turned off because it might introduce some bugs or smth so better safe than sorry for now
They didnt even ask for it anyway


.content > div:not(:first-of-type) {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.content > div.visible {
  opacity: 1;
  transform: translateY(0);
} */