html, body, section, article {margin: 0; padding: 0; width:100%; font-family: Arial, Helvetica, sans-serif;min-height: 100vh;}
div, video{margin: 0; padding: 0;}
video{z-index: 0;}
article{margin-bottom:50px;}
h1{width:100%;text-align: center;}
a:link{text-decoration:none;}
/*.hero{height:100vh; overflow:hidden;}*/
.hero_copy{z-index: 100; position:absolute; text-align: center; top: 70px; left:0px; width:100%; color: #658283;}
.hero_copy img{width: 100%; max-width:800px; min-width: 300px;}


.hero {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.hero video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}