.wrapper { min-height: 1024px; 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%; display:block;}
.home { background-image: url(../images/common/home-bg.jpg); }

section { width: 34.4070%; position: absolute; top: 30%; left: 29.0614%; }

section > h1 { font-family: 'opensans-semibold', sans-serif; font-size: 1.5em; color: #ec1c23; text-align: center; }

article { margin-top: 2em; text-align: center }
article img { width: 100%; height: auto; vertical-align: top; }

article > h2 { width: 62.9787%; margin: 0 auto; }
article > p { font-size: 1.15em; line-height: 1.2em; color: #000; margin-top: .8em; }

footer { width: 34.4070%; position: absolute; bottom: 10%; left: 29.0614%; }
footer > p { font-size: 2em; line-height: 1.2em; color: #959595; text-align: center; }

/*@media screen and (max-width: 1600px) and (orientation: landscape) {
.wrapper {height:1280px; 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%; }
.home { background-image: url(../images/common/home-bg.jpg); }

section { width: 34.4070%; position: absolute; top:55%; left: 20%; }
footer { width: 34.4070%; position: absolute; bottom: 32%; left: 20%; }
}*/

@media screen and (max-width: 1600px) and (orientation: landscape) {
.wrapper { min-height: 1024px; 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%; display:block;}
.home { background-image: url(../images/common/home-bg.jpg); }

 
section { width: 34.4070%; position: absolute; top: 30%; left: 30%; }

section > h1 { font-family: 'opensans-semibold', sans-serif; font-size: 1.5em; color: #ec1c23; text-align: center; }

article { margin-top: 2em; text-align: center }
article img { width: 100%; height: auto; vertical-align: top; }

article > h2 { width: 62.9787%; margin: 0 auto; }
article > p { font-size: 1.15em; line-height: 1.2em; color: #000; margin-top: .8em; }

footer { width: 34.4070%; position: absolute; bottom: 10%; left: 29%; }
footer > p { font-size: 2em; line-height: 1.2em; color: #959595; text-align: center; }	
}


@media screen and (max-width: 1366px) and (orientation: landscape) 
{
.wrapper { min-height: 1024px; 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%; }
.home { background-image: url(../images/common/home-bg.jpg); }

 
section { width: 34.4070%; position: absolute; top: 30%; left: 26.0614%; }
footer { width: 34.4070%; position: absolute; bottom:10%; left: 26.0614%; }
footer > p { font-size: 2em; line-height: 1.2em; color: #959595; text-align: center; }
	
}

@media screen and (max-width: 1280px) and (orientation: landscape) {
.wrapper { min-height: 830px; 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%; }
.home { background-image: url(../images/common/home-bg.jpg); }

section { width: 34.4070%; position: absolute; top: 30%; left: 26.0614%; }
footer { width: 34.4070%; position: absolute; bottom: 15%; left: 26.0614%; }
}

@media screen and (max-width: 980px) and (orientation: landscape) {
.wrapper { min-height: 684px; 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%; }

.home { background-image: url(../images/common/home-bg.jpg); }
}