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; }
.wrapper {min-height:auto; background-color:#e6e7e8; margin:0 auto; background-image:url(../images/digibank/screen-01-bg.jpg); background-position:right 0; background-repeat:no-repeat; background-size:auto 100%; }
header {width:100%; float:left; }

header img{max-width:70%; margin:5% 0 0 0;} 
header > h1 {width: 24.2313%; float:left; }
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:#FFF; float:right; margin:2.5% 2% 0 2%; font-size:26px;}

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

.inner-slider { width: 60%; height: 600px; 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: 5% 0 0% 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 { width:100%; float:left; margin:5% 0 0 0;  }
.footer-top { float:left; width:96%; margin:7% 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:0%; float:right; }
.download-btn > p { margin-top: 0; }
.download-btn > p img { width: 100%; height: auto; vertical-align: top; }


@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:65%; margin:0% 0 2% 5%;}
.video-panel > h3 { font-family: 'opensans-semibold', sans-serif; color: #333; font-size: 2em; text-align: center; }
.deal-panel{float:left; width:80%; margin:1% 0 5% 5%;}
.deal-panel > h3 { font-family: 'opensans-semibold', sans-serif; color: #333; font-size: 2em; text-align: left; 
margin:0% 0 1%  2%; }

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:11% 0 0 2%;}

.footer-btn { width: 10%; float:left; margin:0 0 2% 0; }
.footer-btn a { width: 45%; display: block; float:left; }
.footer-btn a img { max-width: 100%;}
.download-btn { width: 25%; margin-top:1%; }
.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;  float:left; 
padding:0 0 0 0%; }
}

@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:60%; margin:0% 0 0 5%;}
.video-panel > h3 { font-family: 'opensans-semibold', sans-serif; color: #333; font-size: 2em; 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: 5% 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 { width:100%; float:left; margin:5% 0 0 0;  }
.footer-top {float: left; 	width: 96%;	margin: 4% 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:1%; }
.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;  float:left; 
padding:0 0 0 0%; }
}

@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% 2% 0 0; }
header img{max-width:90%; margin:5% 0 1% 0;} 
.video-panel{float:left; width:65%; margin:0% 0 5% 5%;}
.video-panel > h3 { font-family: 'opensans-semibold', sans-serif; color:#333; font-size:2em; 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; }
.deal-panel{float:left; width:85%; margin:1% 0 5% 5%;}
.deal-panel > h3 {font-family:'opensans-semibold', sans-serif; color:#333; font-size:2em; text-align:left; 
margin:0 0 1%  2%; }

.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 { width:100%; float:left; margin:7% 0 0 0;  }
.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:2%; float:right; }
.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:55%; height:600px; 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: 1.8em;  float:left; 
margin:0 0 0 9%; }
}

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

}