.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
  height: 0;
  width:80%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left:10%;
  margin-right:10%;

}

.flex-container > iframe {
  width: 440px;
  margin: auto;
  text-align: center;
  font-size: 30px;
  margin-bottom:30px;
}

article {
  width: 90%;
  height: auto;
  top: 490px;
  left: 50%;
}


@media only screen and (max-width: 800px) {
  article {height:auto;  width:85%}
}

  @media only screen and (max-width: 600px) {
    article {top: 420px; width:95% }
    } 

    @media only screen and (max-width: 500px) {
      article {
        top: 370px; 
        width:96%; 
        height:auto;}
      }