#survey-iframe {
	width: 94%;
    height: 82%;
    border: none;
    background: transparent;
    position: absolute;
    top: 16%;
	left: 3%;
}

#survey-close {
	position: absolute;
    top: 2.5%;
    left: 1.5%;
    width: 12%;
    height: 7%;
}

.participant-bulle {
	position: absolute;
}

#bp_1 {
    left: 28%;
    width: 39%;
    top: 15%;
}

#bp_2 {
    width: 48%;
    left: 30%;
    top: 29%;
}

#bp_3 {
    width: 44%;
    left: 23%;
    top: 21%;
}

#bp_4 {
    width: 41%;
    left: 26%;
    top: 25%;
}

#bp_5 {
    left: 7%;
    width: 39%;
    top: 18%;
}

#bp_6 {
    left: 34%;
    width: 33%;
    top: 20%;
}

#bp_7 {
	width: 38%;
    left: 27%;
    top: 22%;
}

#bp_8 {
    width: 43%;
    top: 17%;
    left: 20%;
}

#bp_9 {
	width: 55%;
    top: 39%;
    left: 16%;
}

.survey-bg {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#iframe-close {
	position: fixed;
	right: 2em;
	top: 1em;
	background-color: white;
}

#iframe-container {
    top: 11%;
    left: 34%;
    z-index: 5;
    width: 31%;
    position: absolute;
    height: 76%;
    overflow: hidden;
}

.layout-micro {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.layout-talk  {
	position: absolute;
    height: 80%;
    right: 2%;
	top: 8.5%;
	z-index: 15;
	width: 20%;
}

.layout-talk .layouts {
	height: 100%;
}

.layout-credits{
	position: absolute;
    z-index: 15;
    width: 50%;
    left: 1%;
    top: 8%;
}

#talk-close {
	position: absolute;
    left: 7%;
    border: none;
    background: transparent;
    padding: 0;
    width: 10%;
	top: 2.8%;
	height: 4%;
}

.layout-credits img {
	width: 100%;
	height: auto;
}

#credits-close {
	position: absolute;
    z-index: 20;
    height: 12%;
    width: 8%;
    top: 9%;
    left: 4%;
    padding: 0;
}

.layout-quit {
	width: 31%;
    margin-left: 21%;
    margin-top: 13.5%;
    position: absolute;
    z-index: 15;
}

#quit-close {
	position: absolute;
    height: 13%;
    width: 9%;
    top: 8%;
    left: 5%;
}

.layout-quit .layouts {
	width: 100%;
}

#quit-no-left, #quit-no-right {
	position: absolute;
	position: absolute;
    width: 24%;
    top: 57%;
    height: auto;
}

.layout-reactions {
	width: 9%;
    bottom: 9%;
    left: 67%;
    position: absolute;
    z-index: 25;
}

.layout-reactions img { width: 100% }

.layout-reactions button {
	position: absolute;
	left: 0;
    width: 100%;
    height: 33%;
    border: none;
    z-index: 30;
}

.reactions-btn .imgs { 
	width: 100%;
	height: auto;
}

#btn-pq {
	width: 80%;
    left: 12%;
    top: 4%;
    height: 28%;
}

#btn-camx {
	top: 30%;
    width: 77%;
    left: 13%;
    height: 29%;
}

#btn-jail {
	top: 59%;
    width: 70%;
    left: 14%;
}

#quit-no-left { left: 45%; }

#quit-no-right{ right: 4%; }

.layout-rs {}

.lrsa {
    width: 25%;
    position: absolute;
    z-index: 15;
}

.lrsa:hover {
	cursor: pointer;
	opacity: .75;
}

.lrsa .imgs { width: 100%; position: absolute; }

#rs-fb { left: 11%; }
.rs-fb-logo {
	width: 20%!important;
    position: absolute;
    margin-left: -8%;
    margin-top: 25%;
}
.rs-fb-screen {
	margin-top: 60%;
    margin-left: -5%;
}

#rs-insta { left: 37%; }
.rs-insta-logo {
	width: 30%!important;
    margin-top: 103%;
}
.rs-insta-screen {
	width: 66%!important;
    margin-top: 5%;
}

#rs-tw { left: 57%; width: 30%; }
.rs-tw-logo { width: 31%!important; }
.rs-tw-screen { margin-top: 34%; }