@charset "UTF-8";
/* Basic reset for body and list margins/padding */
body	{
	background-image: url("../images/new-bkg1.jpg")
}
.container: {
	ddisplay: flex;
	justify-content: center;
	align-items: center;
	height: 100%vh;
	</style>
}
.container   {
	border: medium; 
	display: flex;
	justify-content: center
	align-items: center;
}
container p   {
	color: bisque;
	padding-left: 25px;
}
table td {
	vertical-align: top;
}
li 	{
	color: chartreuse;
}
h1  {
	color: thistle;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	size: 40px;
	text-align: center;
} 	
h3  {
	font-size: 15px;
	color:#D5A5F6;
}
td img  {
	vertical-align: top;
	align-content: center;
	padding-top: 25px;
}
.video-container video {
	width: 300px;
	max-width: 100%;
	height: auto;
}
/* Reset default list styles */
.nav-list {
	list-style: none;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 30px;
	
	display: flex;  /* makes it horizontal */
	justify-content: space-around;
	background-image: url("../images/tile.jpg");
} 
/* Links */
.nav-list li a  {
	display: block;
	padding: 14px 20 px;
	color: #450150;
	text-decoration: none;
}
/* Hover effect */
.nav-list li a:hover {
	color: #7F0A9A;
}
/* Responsive for small screens */
	@media (max-width: 800px) {
		.navbar {
		flex-direction: column; /* stack vertically */
		align-items: center;
 }
	.navbar {
	width: 100%;
	text-align: center;
 }
}
footer p {
	color: #D8D8D8; 
}
/body
/html