html, body { height: 100%; }
* { margin: 0; padding: 0; }
body { font-family: 'opensans-regular', sans-serif; font-size: 100%; font-weight: normal; margin: 0; padding: 0; 
/*background: none; */}

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

ul { list-style: none; }
ul,li { margin: 0; padding: 0; } 
p { margin: 0; padding: 0; }


.wrapper { width: 100%; /*max-width: 1366px;*/ position: relative; }

header { }
header > h1,
header > h2 { position: absolute; }

.video-panel > h3 { font-family: 'opensans-semibold', sans-serif; color: #fff; font-size: 2em; text-align: center; }

.video-frame { width: 100%; overflow:hidden; height:0; padding-bottom:56.25%; margin-top: 1em; position:relative; border: 1px solid #7c6442; box-sizing: border-box; }
.video-frame iframe,
.video-frame video { width:100%; height:100%; position:absolute; left:0; top:0; overflow: hidden; }

.landing-button { margin-top: 2em; }
.landing-button > ul { display: flex; justify-content: space-between; flex-flow: row wrap; }
.landing-button > ul a { color: #000; text-decoration: none; }
.landing-button > ul a span { background-color: #fcaf26; padding: 10px 20px; display: block; border-radius: 8px; }

@media screen and (max-width: 980px) and (orientation: landscape) {
	.video-panel > h3 {font-size: 1.3em; }
	.landing-button { margin-top: 1em; }
	.landing-button > ul a span {  padding: 10px 15px;}

}