.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 75px;
	padding: 10px 80px;
	z-index: 99;
}

.header div {
	width: calc(100%/3);
}

.popout-menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 400px;
	max-width: 100%;
	padding: 100px 20px;
	z-index: 98;
}

.logo {
	padding: 15px 0;
}

.logo img {
	max-width: 120px;
}

.mm {
	max-width: 200px;
	padding: 15px 0;
}

.mm img {
	max-width: 200px;
}

.content ul, .content ul li {
	list-style: disc;
	list-style-type: disc;
}

.content ul {
	margin-left: 20px;
}

h2, h3 {
	color: #1f9b82;
}

.video-wrapper {
	position: absolute;
    overflow: hidden;
    width: 100vw;
    height: 56.25vw;
    max-height: 100vh;
}

.vid-wrapper, .vid-main, .video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
    overflow: hidden;
}

.video-overlay {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
	background: rgba(0,0,0,.5)
}

@media (max-width: 1024px) {
	body {
	    padding-top: 0;
	}

	.mm {
		display: none;
	}

	.header {
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 21px;
	}
}