body { text-align: center; }
.home { background-image: none }
.tech { background-image: url('../images/tech.png'); background-repeat: no-repeat; background-attachment: fixed; background-position:center; text-align: center; padding: 10px 30px 10px 30px;}
.techPink { background-image: url('../images/techpink.png'); background-repeat: no-repeat; background-attachment: fixed; background-position:center; text-align: center; padding: 10px 30px 10px 30px;}
.techRed { background-image: url('../images/techred.png'); background-repeat: no-repeat; background-attachment: fixed; background-position:center; text-align: center; padding: 10px 30px 10px 30px;}
.techRedFix { background-image: url('../images/techred.png'); background-repeat: no-repeat; background-attachment: fixed; background-position:center; text-align: center; padding: 10px 30px 10px 30px;}
.techPinkFix { background-image: url('../images/techpink.png'); background-repeat: no-repeat; background-attachment: fixed; background-position:center; text-align: center; padding: 10px 30px 10px 30px;}
.touchMe { height: 150px; margin-top: 5px; margin-bottom: 5px;  position: relative;}
.touchMe img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%; }
.none { display: none; }
.logo { display: block; max-width: 100%; max-height: 150px; margin: 10px auto; }

/* Text Formatting ======== */
.onlineGreen { color: #9aff36; font-weight: 600; } 
.mobilePurple { color: #720b41; font-weight: 600; }
.cardBlue { color: #ffae86; font-weight: 600; }
.mobileBlue { color: #00c8ee; font-weight: 600; }
.billRed { color: #fff; font-weight: 600; }
.directGreen { color: #e2fc03; font-weight: 600; }
.cardValetList, .mobileDepositList, .billPayList, .instantBalanceList, .onlineBankingList, .directDepositList { font-size: 2rem; text-align: center; } 
.cardValetMiddle { font-size: 3rem; text-align: center; }
.cardValetList img, .mobileDepositList img, .billPayList img, .instantBalanceList img, .onlineBankingList img, .directDepositList img, .cardValetMiddle img { height: 70px; padding-right: 15px; vertical-align: middle; }

/* Image Stuff ============*/
.goHome { width: 35px; background-color: rgba(255,255,255,.5); padding: 10px; display: inline-block; float: left; border-radius: 20px; box-shadow: 5px 5px rgba(0,0,0,.15); z-index: 999; }
.goVideo { width: 35px; background-color: rgba(255,255,255,.5); padding: 10px; display: inline-block; float: right; border-radius: 20px; box-shadow: -5px 5px rgba(0,0,0,.15); z-index: 999; z-index: 999; }
.goImg { max-width: 100%; }
  

/* Colors ================= */
.pink { background-color: #e53290 }
.blue { background-color: #0091f0 }
.purple { background-color: #99357a } 
.teal { background-color: #00a1a2 }
.orange { background-color: #ff8d18 }
.red { background-color: #ee0034 }
.green { background-color: #8eb21e }
.darkBlue { background-color: #006477 }
.purple2 { background-color: #6d1ed4; }

/* Animation =============== */
@keyframes grow {
  0% {
    background-size: auto auto, auto;
    -webkit-background-size: 30%, auto;
  }
  10% {
    background-size: 20% auto, auto;
    -webkit-background-size: 20%, auto;
  }
  20% {
    background-size: auto auto, auto;
    -webkit-background-size: 30%, auto;
    
  }
}

/* Media Queries =========== */
@media (min-width: 500px) {
.none { display: block;
.logo { display: none; }
.home { background-image: url('../images/Solution_Center.png'), url('../images/tech.png'); background-repeat: no-repeat; background-attachment: fixed; background-position:center; }
.goHome { width: 75px; background-color: #eee; position: absolute; top: 50px; left: 50px; padding: 20px; display: block }
.goVideo { width: 75px; background-color: #eee; position: absolute; top: 50px; right: 50px; padding: 20px; display: block }
}

@media (min-width: 900px) {
.touchMe { height: 220px; margin-top: 18px; margin-bottom: 18px;  position: relative; }
/*.home { background-image: url('../images/Solution_Center.png'), url('../images/tech.png'); background-repeat: no-repeat; background-attachment: fixed; background-position:center; }*/
.home { background-image: url('../images/Solution_Center.png'), url('../images/tech.png'); background-repeat: no-repeat; background-attachment: fixed; background-position:center; animation-name: grow; animation-iteration-count: infinite; animation-duration: 10s;background-size: 30% , auto;}
.bodyfix { height: 100% !important; overflow-y: scroll !important; margin-right: -70px; padding-right: 50px; }
.htmlfix { overflow: hidden !important; }
.logo { display: none; }

.goHome { width: 75px; position: absolute; top: 50px; left: 50px; padding: 20px; display: block }
.goVideo { width: 75px; position: absolute; top: 50px; right: 50px; padding: 20px; display: block }
}


@media (min-width: 1200px) {
body { height: 100vh; overflow: hidden;}
/*.tech, .techBlue, .techPurple, .techTeal, .techOrange, .techRed, .techGreen, .techDarkBlue { height: 100vh; }*/
}