.quiz {left:0px; top:0px;}
.rot { left: 85%; top: 31%; width: auto; height: auto;}
#page1 .img1 {position: absolute; left:0px; top:19%;width: auto; height: auto; z-index: 100;}
#page1 .img2 { position: absolute; left: 14%; top: 83px; width: auto; height: auto;}
#page1 .img3 { position: absolute;left: 17%; top: 80%; transform: translate(0%, 0%); width: auto;   height: auto; }
#page1 .img4 {position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%);width: auto; height: auto;}
#page1 .img5 {position: absolute; left: 50%; top: 74%; transform: translate(-50%, -50%);width: auto; height: auto;}


.pyt {left: 8%; top: 25%; width: auto; height: auto;}
.news {left: 0%; top: 3%; width: auto; height: auto;}
.dalej {
    background: url(res/img/dalej.png) no-repeat center;
    background-size: 100%;
    left: 10%;
    top: 86%;
    width: auto;
    height: auto;
    display: block;
    position: absolute;
}
.loga {left: 160px; top: 645px;}
.loga2 {left: 50%; top: 645px; transform: translate(-50%, -50%);}
.end {left: 194px; top:300px}
.thanks {position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); width: auto; height: auto;}
.thanks2 {left: 7%; top: 87%; transform: translate(-50%, -50%); width: auto; height: auto;}


.a {left: 8%; top: 37%; width: auto; height: auto;}
.b {left: 8%; top: 47%; width: auto; height: auto;}
.c {left: 8%; top: 57%; width: auto; height: auto;}
.d {left: 8%; top: 67%; width: auto; height: auto;}

.ans {display: none;}

.true {position: absolute; left: 14%; top: 78%; transform: translate(-50%, -50%); display: none; width: auto; height: auto;}
.false {    position: absolute; left: 14%; top: 78%; transform: translate(-50%, -50%); display: none; width: auto; height: auto;}

.block {pointer-events: none !important;}