.banner {
    width:728px;
    height:90px;
    border:1px solid #333;
    background:#fff;
    overflow:hidden;
    display:block !important;
    box-sizing:border-box;
    font-family:Arial,Helvetica,sans-serif;
}

#loader-container {
    display:none;
}

#btn-exit{
    width:100%;
    height:100%;   
    cursor:pointer;
    opacity:0;
}

.size{
    top:-1px;
    left:-1px;
    width:728px;
    height:90px;
}

#BG{
    background:url("../img/bg2.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:1;
}

#BG2{
    background:url("../img/bg3.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:1;

}

#girl1{
    background:url("../img/girl1.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:1;
  left: 79px;
}

#girl2{
    background:url("../img/girl2.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:1;
    left: 30%;
}

#copy1{
    background:url("../img/copy1.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:1;
    transform: scale(0);
    transform-origin: 20% 50%;
}

#copy2{
    background:url("../img/copy2.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:1;
    transform: scale(0);
    transform-origin: 20% 10%;
}

#copy3{
    background:url("../img/copy3.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:0;
}

#copy4{
    background:url("../img/copy4.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:0;
}

#copy5{
    background:url("../img/copy5.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:0;
}

#cta{
    background:url("../img/cta.png");
    background-size:contain;
    background-repeat: no-repeat;
    opacity:1;
    transform: scale(0);
    transform-origin: 45% 80%;
}

#legend{
    bottom:12px;
    left:20px;
    height:20px;
}

#legend p{
    color:#d1d1d1;
    font-size:16px;
}

.black{
    color:#000;
}