html,body{height:100%;background:#000;color:grey;font-family:'Roboto', sans-serif}html{display:table;margin:auto}body{display:table-cell;vertical-align:middle}.container{display:flex;flex-direction:row;justify-content:space-between;width:100vw;align-content:center}.ussd-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto}.screen{display:flex;flex-direction:column;width:360px;background-color:#2DBF00;height:calc(100vh * 0.4);justify-content:space-between}.screen .status-bar{width:100%}.status-bar img{width:100%}.screen .logo-bar{align-self:center}.screen .content-bar{padding:3%}.content-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.content{font-weight:300;color:white;font-size:36px;color:#fff}.pad{width:360px;height:calc(100vh * 0.6);background-color:#fafafa;position:relative}.numeric-pad{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.item{background-color:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;height:calc(100vh /8.5);font-size:36px;font-weight:300;color:#3e3e3e;opacity:0.6;padding:0;margin:2px}.item:hover{opacity:1;color:#fafafa;background-color:#3e3e3e}.item-subtitle{font-size:12px;color:#b9b9b9 !important}.dial-button{text-align:center}.dial-button svg{height:calc(100vh/12)}.buttons-wrapper{display:flex;flex-direction:row;position:relative;margin:10px;padding:15px;left:15px;margin-left:auto}.input-wrapper{position :relative;left:15px;margin-left:auto;padding:10px}.btn{font-size:14px;font-weight:500;letter-spacing:0.5px;color:#0063cf}#ussdResponseMessage{color:#3e3e3e;padding:10px;text-align:justify;padding-left:30px}@media (max-width:767px){.ussd-container{width:100vw}.screen, .pad{width:100%}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.screen{height:calc(100vh / 2.7)}.pad{height:calc(100vh / 1.6)}}@media (min-width:768px){.screen, .pad{width:calc(100vw * 0.6)}}@media (min-width:992px){.screen, .pad{width:360px}}