body{
	display: none;
	background-color: black;
	color: white;
}
.play_button{
	position: absolute;
	width: 100px;
	top: 50%;
	left: 50%;
	opacity: 0.7;
	margin-left: -50px;
	margin-top: -50px;
	transition: 0.5s;
}
.play_button:hover{
	position: absolute;
	width: 100px;
	top: 50%;
	left: 50%;
	opacity: 0.5;
	margin-left: -50px;
	margin-top: -50px;
	transition: 0.5s;
}
.cover:hover{
	cursor: pointer;
}
h2{
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 20px;
}
#updated{
	color: black;
}
video:-webkit-full-screen {
	width: 100%;
	height: 100%;
	max-height: 100%;
}
@media only screen and (max-width: 980px) {
	body{

	}
	h1{
		padding-left: 20px;
		font-weight: normal;
		font-size: 35px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	h2{
		text-align: left;
		font-weight: normal;
		font-size: 15px;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-left: 20px;
	}
	video{
		max-width: 100%;
	}
	.cover{
		position: relative;
		display: block;
		vertical-align: top;
		width: 100%;
	}

	#cover_colas_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_erzsebet_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_hudec_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_legazolt_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_vizkincs_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_khar_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_rep_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
		height: 328px;
	}
	#cover_echo_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_tajhaz_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_mangalica_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
		}
	#references h2{
		font-style: bold;
		text-align: left;
		font-size: 25px;
		padding: 0;
		margin: 0;
	}
	#references{
		height: 340px;
	}
	.reference_item *{
		display: inline-block;
	}
	.reference_item h1{
		vertical-align: top;
		margin: 0;
		padding: 0;
		text-align: left;
		padding-left: 20px;
	}
	.reference_item{
		padding-top: 50px;
		padding-bottom: 50px;
		display: block;
	}
	.horizontal_row{
		width: 70%;
		text-align: center;
		opacity: 0.7;
	}
	.reference_item p{
		vertical-align: top;
		margin: 0;
		padding: 0;
		display: block;
		font-size: 15px;
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
	}
	.reference_item_description *{

	}
	.reference_item_description {
		display: inline-block;
		vertical-align: top;
		position: relative;
	}
	.worker{
		margin-top: 20px;
		display: inline-block;
		vertical-align: bottom;
		bottom: 20px;
		color: black;
	}
	.worker p{
		display: inline-block;
	}
	.worker img{
		width: 60px;
		display: inline-block;
		float: none;
		vertical-align: middle;
		position: relative;
	}
	.workerName{
		display: inline-block;
		background: rgb(230,230,230);
		height: 50px;
		vertical-align: middle;
		text-align: left;
		margin-left: 20px;
		padding: 5px;
	}
	.workerName p{
		margin: 0;
		padding: 0;
	}

}
@media only screen and (min-width: 1675px) {
	.reference_item_description {
		display: inline-block;
		max-width: 700px;

		vertical-align: top;
		position: relative;
	}
	.cover{
		width: 600px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		height: 337.5px;
	}
	#cover_colas_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_erzsebet_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_hudec_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_legazolt_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_vizkincs_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_khar_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_rep_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
		height: 328px;
	}
	#cover_echo_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_tajhaz_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_manhalica_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
}

@media only screen and (min-width: 980px) {
	body{
		padding-left: 320px;

	}
	h1{
		text-align: center;
		font-weight: normal;
		font-size: 35px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	h2{
		text-align: left;
		font-weight: normal;
		font-size: 20px;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-left: 50px;
		padding-right: 50px;
	}
	video{
		max-width: 600px;
		display: none;
	}
	.cover{
		width: 600px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		height: 335.7px;
	}
	#cover_colas_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_erzsebet_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_hudec_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_legazolt_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_vizkincs_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_khar_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#cover_rep_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
		height: 328px;
	}
	#cover_tajhaz_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
		height: 328px;
	}
	#cover_mangalica_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
		height: 328px;
	}
	#references h2{
		font-style: bold;
		text-align: left;
		font-size: 25px;
		padding: 0;
		margin: 0;
	}
	#cover_echo_img{
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	#references{
		padding-left: 50px;
		height: 340px;
	}
	.reference_item *{
		display: inline-block;
	}
	.reference_item h1{
		vertical-align: top;
		margin: 0;
		padding: 0;

		margin-left: 20px;
	}
	.reference_item{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.horizontal_row{
		width: 70%;
		text-align: center;
		opacity: 0.7;
	}
	.reference_item p{
		vertical-align: top;
		margin: 0;
		padding: 0;
		margin-left: 20px;
		margin-right: 50px;
		display: block;
	}
	.reference_item_description *{
		text-align: left;
	}
	.reference_item_description {
		display: inline-block;
		height: 340px;
		vertical-align: top;
		position: relative;
	}
	.worker{
		margin-top: 20px;
		display: inline-block;
		vertical-align: bottom;
		bottom: 20px;
		color: black;
	}
	.worker p{
		display: inline-block;
	}
	.worker img{
		width: 60px;
		display: inline-block;
		float: none;
		vertical-align: middle;
		position: relative;
	}
	.workerName{
		display: inline-block;
		background: rgb(230,230,230);
		height: 50px;
		vertical-align: middle;
		text-align: left;
		margin-left: 20px;
		padding: 5px;
	}
	.workerName p{
		margin: 0;
		padding: 0;
	}

}