@font-face {
	font-family: 'Mayhong';
	src: url('https://static.tildacdn.com/tild3236-3132-4632-b764-643230366466/Stolzl-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'Mayhong';
	src: url('https://static.tildacdn.com/tild6237-3763-4431-a630-333863656533/Stolzl-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Mayhong';
	src: url('https://static.tildacdn.com/tild6335-6533-4636-b132-393435633236/Stolzl-Book.woff') format('woff');
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: 'Mayhong';
	src: url('https://static.tildacdn.com/tild3830-3735-4763-b631-333466613264/Stolzl-Medium.woff') format('woff');
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: 'Mayhong';
	src: url('https://static.tildacdn.com/tild6538-3139-4332-a464-333230613664/Stolzl-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal
}


body {
	font-family: "Mayhong", Arial, Helvetica, sans-serif;
	/* background-color: #101e22; */
	margin: 0;
	padding-top: 50px;
}

header {
	background-color: #fefefe;
	position: fixed;
	top: 0;
	width: 100%;
}

.contact__item {
	font-size: 24px;
	line-height: 1.5;
	color: rgb(8, 8, 8);
	text-decoration: none;
}

footer {
	background: #101e22;
	font-size: 20px;
	font-weight: 500;

}

.svg-fill-white {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.section__title {
	font-size: 26px;
	font-weight: 500;
}

.section__title_main {
	font-size: 20px;
	font-weight: 500;
}

pre {
	font-family: "Mayhong", Arial, Helvetica, sans-serif;
}

.highlight {
	background-color: yellow;
	padding: 0 2px;
}

table {
	width: 70%;
	border-collapse: collapse;
}

th,
td {
	border: 1px solid #333;
	padding: 8px;
	text-align: center;
	font-size: 20px;
}

th {
	background-color: #f2f2f2;
}

.foto-box {
	width: 40%;
}

#feedback-box {
	border-radius: 10px;
}

@media (max-width:768px) {

	.section__title,
	.footer {
		font-size: 16px;
		font-weight: 500;
	}

	.foto-box {
		width: 75%;
		padding: 5% !important;
	}

	.section__title_main {
		font-size: 24px;
	}

	table th,
	table td {
		font-size: 10px;
		padding: 2px;

	}

	#feedback-box {
		border-radius: 5px;
	}

}

@media (max-width:1024px) {

	.section__title,
	footer {
		font-size: 20px;
		font-weight: 500;
	}

	.section__title_main {
		font-size: 20px;
	}


	.foto-box {
		width: 75%;
		padding: 5% !important;
	}

	table th,
	table td {
		font-size: 10px;
		padding: 2px;

	}

	#feedback-box {
		border-radius: 5px;
	}

}