/* CSS Document */
/* Sets the container of the video responsive */
.iframe-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	height: 0;
	overflow: hidden;
	margin: auto;
}
.iframe-wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
/* Style the buttons that are used to open the content */
.button {
	padding: 8px 14px;
	border: 1px solid white;
	border-radius: 5px;
	background:#032302;
	cursor: pointer;
	color: white;
	font-weight: 400;
	font-size: 20px;
	margin: 2px 0;
}
/* Change background color of buttons on hover */
.button:hover {
	background-color:green;
}
/* Create an active/current tablink class */

.button a:visited{color: white}

@media (max-width: 768px) {
.videowidth {width:100%; margin: auto;}
}
@media (min-width: 769px) {
.videowidth {width:60%; margin: auto;}
}