body {
    margin: 0
}

#viewport {
    overflow: hidden;
    background-color: #fff;
    position: relative;
    margin: 0 auto
}

#viewport>div {
    position: absolute;
    margin: 0;
    padding: 0;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

#clickable {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

#border {
    pointer-events: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid black
}

.bannerSize {
    width: 300px;
    height: 250px;
}

#border {
    /* top: 0; */
}

#cta {
    background: url(img/cta.png);
}

#ctaOver {
    background: url(img/ctaOver.png);
}

#transition_1,
#transition_2 {
    background-color: #fff;
}

#bg1 {
    background: url(img/bg1.jpg);
    width: 450px;
    perspective: 1000px;
}

#bg2 {
    background: url(img/bg2.jpg);
}

#bg3 {
    background: url(img/bg3.jpg);
    perspective: 1000px;
    width: 600px;
    height: 500px;
}

#txt1_1 {
    background: url(img/txt1_1.png);
}

#txt1_2 {
    background: url(img/txt1_2.png);
}

#txt2 {
    background: url(img/txt2.png);
}

#txt3 {
    background: url(img/txt3.png);
}

#options {
    background: url(img/options.png);
}

#logo {
    background: url(img/logo.png);
}

#trace {
    /* background: url(img/trace.png); */
}

#trace2 {
    /* background: url(img/trace2.png); */
}

#trace3 {
    background: url(img/trace3.png);
}