:root {
	--font-size-base: 1rem;
	--font-size-md: 1.25rem;
	--font-size-xl: 2.25rem;
	--font-size-xxl: 3.5rem;

	--spacer: 1rem;
	--spacer-md: 1.25rem;

	--color-body: #5D5D5D;
	--color-primary: #FF5F1E;
}

body {
	font-size: var(--font-size-base);
	color: var(--color-body);
	/*scroll-padding-top: 90px;*/
}

.anchor {
	margin-top: -90px;
	padding-top: 90px;
}

header {
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: var(--spacer-md);
	font-size: var(--font-size-md);
	background: #fff;
}

header a {
	display: block;
}

.header-link {
	display: none;
	@media screen and (min-width: 768px) {
		display: inline-block;
		line-height: 1;
	}
}

.color-primary {
	color: var(--color-primary);
}

/*.position-relative {*/
/*	position: relative;*/
/*}*/

.bg-primary {
	background-color: var(--color-primary);
}

.mb-16 {
	padding-bottom: var(--spacer);
}
.pt-20 {
	padding-top: var(--spacer-md);
}
.pt-72 {
	padding-top: calc(var(--spacer) * 4.5);
}
.px-20 {
	padding-left: var(--spacer-md);
	padding-right: var(--spacer-md);
}

.fs-md {
	font-size: var(--font-size-md);
}

.fw-normal {
	font-weight: normal !important;
}

/*.py-200 {*/
/*	*/
/*}*/

.nav-box {
	padding: var(--spacer-md);
	aspect-ratio: 43/50;
	font-size: var(--font-size-xl);
	line-height: var(--font-size-xl);
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	@media screen and (min-width: 768px) {
		aspect-ratio: unset;
		position: relative;
		padding-top: calc(var(--spacer) * 14);
		padding-bottom: calc(var(--spacer) * 14);
	}
}

.nav-box--primary {
	background-color: var(--color-primary);
	color: white;
}

.nav-box .icons {
	display: flex;
	gap: var(--spacer);

	@media screen and (min-width: 768px) {
		position: absolute;
		top: var(--spacer-md);
	}
}

.nav-box ul {
	margin-bottom: calc(var(--spacer) * 2);
	@media screen and (min-width: 768px) {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: calc(var(--spacer) * 4);
		font-size: var(--font-size-xl);
		margin-bottom: 0;
	}
	@media screen and (min-width: 1024px) {
		gap: calc(var(--spacer) * 8);
		font-size: var(--font-size-xxl);
	}
}

.nav-box-bottom-link {

	@media screen and (min-width: 768px) {
		display: none;
	}
}

.text-box {
	color: #000;
	position: relative;
	padding: var(--spacer-md);
	aspect-ratio: 43/50;
	@media screen and (min-width: 768px) {
		aspect-ratio: 72/50;
	}
}

.main-image {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 43/50;
	@media screen and (min-width: 768px) {
		aspect-ratio: 72/50;
	}
}

.text-box-image {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 43/50;
	@media screen and (min-width: 768px) {
		/*aspect-ratio: 72/50;*/
		position: absolute;
		top: 0;
		left: 0;
		aspect-ratio: unset;
		height: 100%;
	}
}

.order-md-1 {
	@media screen and (min-width: 768px) {
		order: 1;
	}
}

.text-box h3 {
	font-weight: bold;
}

.text-box p {
	max-width: 42ch;
	line-height: 1.1875;
}

.text-box--logo {
	@media screen and (max-width: 767px) {
		aspect-ratio: unset;
	}
}
.text-box--logo svg {
	margin-bottom: calc(var(--spacer) * 6);
	@media screen and (min-width: 768px) {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

.text-box--grey {
	background: #5D5D5D;
	color: white;
}

.text-box--grey-light {
	background: #dedede;
	color: #000;
}

.text-box--red {
	background: #FF2D16;
	color: white;
}

.text-box--contact {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/*.img-full {*/
/*	width: 100%;*/
/*}*/

.row {
	display: flex;
	flex-wrap: wrap;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-md-6 {
	@media screen and (min-width: 768px) {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

.stripes-1 {
	height: 200px;
	@media screen and (min-width: 768px) {
		height: 140px;
	}

	/*background: repeating-linear-gradient(*/
	/*	60deg,*/
	/*	#B52B97,*/
	/*	#B52B97 25px,*/
	/*	#fff 25px,*/
	/*	#fff 50px*/
	/*);*/
}

.stripes-2 {
	display: block;
	height: 200px;
	@media screen and (min-width: 768px) {
		display: none;
	}
}