@charset "UTF-8";

.szoveg {
	color: #2b2b2b;
	font-size: 1.1vw;
}

.cim {
	color: #2b2b2b;
	font-size: 1.5vw;
	font-weight: bold;
	text-align: center;
}

.alcim {
	color: #2b2b2b;
	font-size: 1.1vw;
	font-weight: bold;
}

.felkover {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	margin: 20px auto;
	width: 90%;
	max-width: 800px;
}

th, td {
	border: 1px solid black;
	padding: 8px 12px;
	word-wrap: break-word;
}

.hatter_fejlec {
	width: 40%;
	z-index: -999999;
	position: fixed;
	top: 10%; right: 0%;
	transform: scaleX(-1);
}

.hatter_lablec {
	height: 40%;
	z-index: -999999;
	position: fixed;
	bottom: 0%; left: 0%;
}

@media (max-width: 600px) {

	.szoveg {
		color: #2b2b2b;
		font-size: 3vw;
	}

	.cim {
		color: #2b2b2b;
		font-size: 3.5vw;
		font-weight: bold;
		text-align: center;
	}

	.alcim {
		color: #2b2b2b;
		font-size: 3vw;
		font-weight: bold;
	}

	.felkover {
		font-weight: bold;
	}

	table {
		width: 100%;
	}
	th, td {
		padding: 6px;
	}

	.hatter_fejlec {
		width: 100%;
		z-index: -999999;
		position: fixed;
		top: 10%; left: 0%;
	}

	.hatter_lablec {
		width: 100%;
		z-index: -999999;
		position: fixed;
		bottom: 0%; left: 0%;
	}

}