#banner-container,* {
margin:0;padding:0;border:0;
-webkit-box-sizing:border-box;box-sizing:border-box;
}

#banner,#banner-container {
width:160px;
height:600px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
position:relative;
font-family:Helvetica,sans-serif;
letter-spacing:1px;
font-size:12px;
background-color:#4a154b;
}
#banner {border:1px solid black;}
#banner:hover {
cursor:pointer;
}

#banner img, #banner div, #banner svg, #banner video {position: absolute;}
.fadein {opacity:0}
.width {width:100%}
.left {margin-left:-10px}
.top {margin-top:20px}
.top2 {margin-top:10px}
.top3 {margin-top:175px}
.scale {-webkit-transform:scale(0);transform:scale(0);}
.scale2 {-webkit-transform:scale(.9);transform:scale(.9);}
.scale3 {-webkit-transform:scale(.2);transform:scale(.2);}

#logo {width:62px;height:64px;left:49px;top:66px}
#logo img {width:100%;top:0;left:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;
-webkit-transform:scale(.88) rotate(-45deg) translate(-20px, 20px);transform:scale(.88) rotate(-45deg) translate(-20px, 20px);}
#logo3b {width:62px;height:64px;left:-3px;top:6px;-webkit-transform:scale(.45);transform:scale(.45);}

#purple,#purple2,#purple3,#yellow {width:600px;height:100%;background-color:#4a154b;border-radius:0 100% 100% 0;left:-700px}
#purple,#purple2 {left:-300px;border-radius:100% 0 0 100%;}
#yellow {left:-120px;background-color:#f6c040;}


#screen {top: 192px;transform: scale(.67);}
.screen { width: 271px;
    left: -57px;
    transform: scale(.67);
    top: 173px;}
.screen2 {     width: 67px;
    left: -2px;
    top: 274px;}
#screend {left:45px}
#screene {left: 93px;}
#screenf { width: 50px;
    left: 111px;
    top: 297px;}
#screen2,#screen2b {    width: 260px;
    left: -31px;
    top: 175px;}
#screen2c {    width: 260px;
    left: -31px;
    top: 68px;}
#cursor {     width: 24px;
    left: 133px;
    top: 308px;transform:scale(.67)}
#white {  width: 260px;
    height: 48px;
    border-radius: 5px;
    background: white;
    left: -53px;transform:scale(.67);
    top: 260px;
    filter: drop-shadow(1px 1px 3px rgba(0,0,0,.17));}
#yellow2 {width:100%;height:266px;bottom:0;background-color:#f6c040;}

svg {width:100%;height:100%;    transform: scale(2.43) translate(0,174px);}
svg path {fill:#4A154B;transform:translate(-220px)}

#txt1,#txt2,#txt3 {top:11px;left:-1px}
#txt4,#txt5,#txt6,#txt7,#txt8 {top:14px}
#cta {    width: 134px;
    left: 12px;
    top: 209px;}