.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);
}

.listatitle1{
	max-width: 750px;
	left: 0px;
	font-size: 20px;
	color: white;	
	padding: 8px;
	background: blue;
	border-radius: 5px;
	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: darkred;
	border-radius: 5px;
	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: gray;
	border-radius: 5px;
	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;
	}
}