h1 {
	font-family: 'Exo 2', sans-serif;
}

p, ul {
	font-family: 'Exo 2', sans-serif;
	color: white;
}

a {
	color: white;
	text-decoration: none;
}

body {
	margin: 0px;
	color: white;
}

.Header {
	display: flex;
	margin: auto;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	height: 80px;
}


.Header .Title {
	justify-content: center;
	margin: 0px;
}

.Header .Title h1{
	margin: 0px;
}

.Header .Title p{
	margin: 0px;
}

.NavDiv {
	display: flex;
	align-items: center;
	margin: 0px;
	padding: 0px;
	width: 200px;
}

.NavList{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0px;

}


.MainBody {
	margin: 0px;
	border-radius: 20px;
	position: absolute;
	top: 85px;
	bottom: 0;
	width: 100%;
	height: 100%; 
	overflow: hidden;
}

.MainBody video{
	  /* Make video to at least 100% wide and tall */
	min-width: 100%; 
	min-height: 80%; 

	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;

	/* Center the video */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}


.LargeContainer {
	width: 90%;
	margin: auto;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}

.MyDiv {
	height: 200px;
	color: blue;
}

.LargeContainer .MyDiv img {
	border-radius: 10px;
	max-height:100%; max-width:100%;
}