.banner {
    width:300px;
    height:250px;
    border:1px solid #333;
    background:#fff;
    overflow:hidden;
    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:300px;
    height:250px;
}

#bg{
    background:url(../img/bg.jpg);
    background-size:contain; 
}

#copy-1{
    background:url(../img/copy01.png);
    background-size:contain;
    left:-100px;
    opacity:0;
}

#copy-2{
    background:url(../img/copy02.png);
    background-size:contain;
    left:-50px;
    opacity:0;
}

#copy-3{
    background:url(../img/copy03.png);
    background-size:contain;
    left:-50px;
    opacity:0;
}

#cta{
    top: 196px;
    left: 14px;
    width: 128px;
    height: 34px;
    border-radius: 17px;
    background:#003f5b;
    opacity:0;
}

#cta_text{
    top: 13px;
    left: 34px;
    background: url(../img/cta_text.png) no-repeat;
    background-size: contain;
    width:61px;
    height:9px;
}

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

.black{
    color:#000;
}