* {
  font-family: Arial, Helvetica, sans-serif;
}

html,
body {
  margin: auto;
  border: 0;
  padding: 0;
  background-color: #fff;
}


main > h1 {
  text-align: center;
  font-size: 3.5vw;
}

.video-container {
  width: 80%;
  max-width: 800px;
  position:relative;
  padding-bottom:40%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  text-align: center;
  margin: auto;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}