body {
	background-image: url("images/background-index.jpg");
	background-repeat: no-repeat center center fixed;
	background-size: cover;
}

ul {
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: #333333;
	text-decoration: none;
}

li {
	float: left;
}

li a {
	display: block;
	color: white;
	text-align: center;
	padding: 5px;
	text-decoration: none;
}

li a:hover:not(.active) {
	background-color: #111111;
}

.center {
	padding: 70px 0;
	border: 3px;
	text-align: center;
	color: #000000;
	text-decoration: none;
}

.left {
	float: left;
	width: 100%%;
	padding: 20px;
	margin: 20px;
	text-decoration: none;
	background-color: #ffffff;
	opacity: 0.7;
}

.active {
	background-color: #99c0ff;
}

.about {
	padding: .5%;
	width: 100%;
	background-color: #ffffff ;
	border: 1px solid black;
	text-decoration: none;
	opacity: 0.75;
}

.embed {
	width: 100%;
	height: 100%;
	border: none;
}

.header-center {
	text-align: center;
	color : #ffffff;
	text-decoration: none;
}

.header-left {
	text-align: center;
	color : #000000;
	text-decoration: none;
}

.text-color {
	text-align: left;
	color : #000000;
	text-decoration: none;
}

.footer {
   position: fixed;
   font-size: 10px;
   height:3%;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #333333;
   color: white;
   text-align: center;
}

.footer-pad {

}

}