body {
    background-color: transparent!important;
    overflow: hidden !important;
    width: 320px !important;
    height: 480px !important;
    margin: 0 auto !important;
    position: relative !important;
}
.container {
    width: 320px !important;
    height: 480px !important;
    position: relative !important;
    margin: 0 auto;
}
.whatsapp {
    position: relative;
    width: 320px;
    height: 100px;
    top: -100px;
    cursor: pointer;
}
#finalDiv{
    position: relative;
}
.instructions {
    position: absolute;
    top: -450px;
}

.logo-oakley {
    position: relative;
    z-index: 1000;
    top: -930px
}

.text1 {
    position: relative;
    z-index: 1000;
    top: -900px
}

.glasses {
    position: relative;
    z-index: 1000;
    top: -480px;
}

.logo-prizem {
    position: relative;
    z-index: 1000;
    top: -580px
}

.text2 {
    position: absolute;
    z-index: 1000;
    top: 40px;
    left: 0;
    right: 0;
}

.button-info {
    position: absolute;
    z-index: 1000;
    top: 160px;
    left: 0;
    right: 0;
}

.button-buy {
    position: absolute;
    z-index: 1000;
    top: 200px;
    left: 0;
    right: 0;
}

.socialButtons {
    position: absolute;
    width: 320px;
    top: 420px;
}

#slider {
    width: 320px;
    height: 480px;
}

.brightnessEffect {
    filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    -o-filter: brightness(50%);
    -ms-filter: brightness(50%);
}
.cta{
    width: 320px;
    height: 480px;
    position: absolute;
    z-index: 99999;
}