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;*/ float:left;}

header { width:100%; float:left; }

header img{max-width:70%; margin:5% 0 0 0;} 
header > h1 { /*width: 24.2313%; */float:left; color: #FFFFFF; margin:1.8% 2% 0 2%; font-size:24px;}
header > h2 { font-family: 'gotham-medium', sans-serif; color: #000; float:right; margin:2% 2% 0 2%;}
header > h3 { font-family: 'gotham-medium', sans-serif; color: #000; float:left; margin:2% 2% 0 2%;}
header > h4 { font-family: 'gotham-medium', sans-serif; color: #FFFFFF; float:right; margin:2.5% 2% 0 2%; font-size:24px;}

.video-panel{float:left; width:100%; margin:0% 0 0 0;}
.video-panel > h3 { font-family: 'opensans-semibold', sans-serif; color: #FFF; font-size:24px; text-align: center; 
margin:0% 0 1%  2%; }

.video-panel1{float:left; width:100%; margin:2% 0 0 0;}
.video-panel1 > h3 { font-family: 'opensans-semibold', sans-serif; color: #ed1c24; font-size: 2em; text-align: center; }
section { width: 100%; float:left;}
.slider-panel { width:100%; height: 0; float:left; /*background-color: rgba(0,0,0,.2);*/ padding:1% 0 55% 0; }

.inner-slider { width: 80%; height: 80%; border: 0px solid #ffaf26; background-color: #fcaf26; float:left; margin:0 0 0 10%; }
.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: 2% 0 2% 0%; float:left; width:68%;  }
.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 15px; display: block; border-radius: 8px; }


/*.footer-top { float:left; width:96%; margin:2% 0 0 2%;}

.footer-btn { width: 10%; float:left; margin:0 0 1% 0; }
.footer-btn a { width: 45%; display: block; float:left; }
.footer-btn a img { max-width: 100%;}
.download-btn { width: 25%; margin-top: .1em; }
.download-btn > p { margin-top: 0; }
.download-btn > p img { width: 100%; height: auto; vertical-align: top; }*/

@media screen and (max-width: 1600px) and (orientation: landscape) {
header { width:100%; float:left; margin:1% 0 1% 0; }
header > h1 { width: 24.2313%; float:left; }
header > h2 { font-family: 'gotham-medium', sans-serif; color: #000; float:right; margin:2% 2% 0 0; }
header img{max-width:90%; margin:5% 0 1% 0;} 
 
.slider-panel {width:100%; height:0; float:left;   padding:1% 0 50% 0; }
.inner-slider {width:65%; height:auto; border:0px solid #ffaf26; background-color:#fcaf26 !important; float:left; margin:0 0 0 5%; }
.overlay-wrapper {width:100%; height:100%; position:fixed; left:0; top:20px; right:0; bottom:0; z-index:10000; display:none;}
.video-panel1{float:left; width:100%; margin:2% 0 0 0;}
.video-panel1 > h3 {font-family:'opensans-semibold', sans-serif; color: #ed1c24; font-size: 2em; text-align: center; float:left; padding:0 0 0 20%; }	
}


@media screen and (max-width: 1366px) and (orientation: landscape) {
header { width:100%; float:left; margin:1% 0 1% 0; }
header > h1 { width: 24.2313%; float:left; }
header > h2 { font-family: 'gotham-medium', sans-serif; color: #000; float:right; margin:2% 2% 0 0; }
header img{max-width:90%; margin:5% 0 1% 0;} 
/*.video-panel{float:left; width:100%; margin:8% 0 0 0;}
.video-panel > h3 { font-family: 'opensans-semibold', sans-serif; color: #FFF; font-size:24px; text-align: center; }
section { width: 100%; float:left;  }
.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: 2% 0 2% 2%; float:left; width:96%;}
.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; }*/

/*.footer-top { float:left; width:96%; margin:0 0 1% 2%}

.footer-btn { width: 10%; float:left; margin:0 0 1% 0; }
.footer-btn a { width: 45%; display: block; float:left; }
.footer-btn a img { max-width: 100%;}
.download-btn { width: 25%; margin-top: .1em; }
.download-btn > p { margin-top: 0; }
.download-btn > p img { width: 100%; height: auto; vertical-align: top; }*/

.slider-panel {width:100%; height:0; float:left; /*background-color: rgba(0,0,0,.2);*/ padding:1% 0 50% 0; }
.inner-slider {width:65%; height:auto; border:0px solid #ffaf26; background-color:#fcaf26 !important; float:left; margin:0 0 0 5%; }
.overlay-wrapper {width:100%; height:100%; position:fixed; left:0; top:20px; right:0; bottom:0; z-index:10000; display:none;}
.video-panel1{float:left; width:100%; margin:2% 0 0 0;}
.video-panel1 > h3 {font-family:'opensans-semibold', sans-serif; color: #ed1c24; font-size: 2em; text-align: center; float:left; padding:0 0 0 20%; }
}

@media screen and (max-width: 1280px) and (orientation: landscape) {
header { width:100%; float:left; margin:0 0 1% 0; }
header > h1 { width: 24.2313%; float:left; }
header > h2 { font-family: 'gotham-medium', sans-serif; color: #000; float:right; margin:2% 2% 0 0; }
header img{max-width:80%; margin:5% 0 1% 0;} 
/*.video-panel{float:left; width:100%; margin:5% 0 0 0;}
.video-panel > h3 { font-family: 'opensans-semibold', sans-serif; color: #FFF; font-size:24px; text-align: center; }
section { width: 100%; float:left;  }
.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: 2% 0 2% 2%; float:left; width:96%;}
.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; }*/

 

/*.footer-top {float: left; 	width: 96%;	margin: 2% 0 1% 2%}

.footer-btn { width: 10%; float:left; margin:0 0 1% 0; }
.footer-btn a { width: 45%; display: block; float:left; }
.footer-btn a img { max-width: 100%;}*/

.download-btn { width: 25%; margin-top: .1em; }
.download-btn > p { margin-top: 0; }
.download-btn > p img { width: 100%; height: auto; vertical-align: top; }

.slider-panel {width:100%; height:0; float:left; /*background-color: rgba(0,0,0,.2);*/ padding:1% 0 50% 0; }
.inner-slider {width:65%; height:auto; border:0px solid #ffaf26; background-color:#fcaf26 !important; float:left; margin:0 0 0 5%; }
.overlay-wrapper {width:100%; height:100%; position:fixed; left:0; top:20px; right:0; bottom:0; z-index:10000; display:none;}
.video-panel1{float:left; width:100%; margin:2% 0 0 0;}
.video-panel1 > h3 {font-family:'opensans-semibold', sans-serif; color: #ed1c24; font-size: 2em; text-align: center; float:left; padding:0 0 0 20%; }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
header { width:100%; float:left; margin:0 0 1% 0; }
header > h1 { width: 24.2313%; float:left; }
header > h2 { font-family: 'gotham-medium', sans-serif; color: #000; float:right; margin:2% 0% 0 0; }
header img{max-width:90%; margin:5% 0 1% 0;} 
.video-panel{float:left; width:100%; margin:0% 0 0 0;}
.video-panel > h3 { font-family: 'opensans-semibold', sans-serif; color: #FFF; font-size:24px; text-align: center; }
section { width: 90%; float:left;  }
.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: 2% 0 2% 2%; float:left; width:96%;}
.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; }


.footer-top { float:left; width:96%; margin:2% 0 1% 2%}
/*
.footer-btn { width: 12%; float:left; margin:0 0 1% 0; }
.footer-btn a { width: 47%; display: block; float:left; margin:0 2% 0 0; }
.footer-btn a img { max-width: 100%;}*/

.download-btn { width: 25%; margin-top: .1em; }
.download-btn > p { margin-top: 0; }
.download-btn > p img { width: 100%; height: auto; vertical-align: top; }
.slider-panel {width:100%; height:0; float:left; /*background-color: rgba(0,0,0,.2);*/ padding:1% 0 60% 0; }
.inner-slider {width:60%; height:auto; border:0px solid #ffaf26; background-color:#fcaf26 !important; float:left; 
margin:0 0 0 5%; }
.overlay-wrapper {width:100%; height:100%; position:fixed; left:0; top:20px; right:0; bottom:0; z-index:10000; display:none;}
.video-panel1{float:left; width:100%; margin:2% 0 0 0;}
.video-panel1 > h3 {font-family:'opensans-semibold', sans-serif; color: #ed1c24; font-size: 2em; text-align: center; 
float:left; padding:0 0 0 15%; }


}

@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;}

}