.img-fluid{
	margin: 0 auto;
	box-shadow: 10px 10px 10px rgb(73,64,64);
}
.textbox{

	text-align: center;
	font-size: 3.5vh;
	margin: 20px;
	padding: 10px;
	background: rgba(255,255,255,.8);
	box-shadow: 10px 10px 10px rgb(73,64,64);
}

.tajekoztat{
	text-align: center;
	color: white;
	font-size: 8vh;
	font-weight: bold;
}

.listatitle1{
	max-width: 750px;
	left: 0px;
	font-size: 20px;
	color: white;	
	padding: 8px;
	background-image: linear-gradient(to right, blue , darkblue);
	border-radius: 10px;
	text-align: center;
	position: relative;
	animation-name: t2;
	animation-duration: 2s;
	margin: 20px;
}
@keyframes t2{
	0% {left: -550px}
	100% {left: 0px;}
}
.listatitle2{
	max-width: 750px;
	left: 0px;
	font-size: 20px;
	color: white;
	font-family: georgia;	
	padding: 8px;
	background-image: linear-gradient(to right, red , darkred);
	border-radius: 10px;
	text-align: center;
	position: relative;
	animation-name: t2;
	animation-duration: 3s;
	margin: 20px;
}
@keyframes t2{
	0% {left: -550px}
	100% {left: 0px;}
}
.listatitle3{
	max-width: 750px;
	left: 0px;
	font-size: 20px;
	color: white;
	font-family: georgia;	
	padding: 8px;
	background-image: linear-gradient(to right, darkgray , gray);
	border-radius: 10px;
	text-align: center;
	position: relative;
	animation-name: t2;
	animation-duration: 4s;
	margin: 20px;
}
@keyframes t2{
	0% {left: -550px}
	100% {left: 0px;}
}
.textbox a{
	text-decoration: none;
}



@media(max-height: 500px){
	.navbar{	
		display: none;
	}
}
.focim1{
	texz-align: left;
	margin: 10px 0px 20px 0px;
	font-size: 3vh;	
	font-family: 'EB Garamond', serif;
	font-weight: bold;
	width: 80%;
}
.focim{
	texz-align: left;
	margin: 10px 0px 5px 0px;
	font-size: 3vh;	
	font-family: 'EB Garamond', serif;
	font-weight: bold;
	width: 80%;
}
.focim:hover{
	color: red;
}