hr {width: 100%; border-left: 0px; border-right: 0px; border-bottom: 0px;}
h3 {color: #006699; text-shadow: #aabbcc 0px 2px 5px;}

.right {width: 100%; text-align: right;}

.page {padding: 5px; font-size: 0.7em; font-weight: 500; line-height: 30px; background: #99bbdd; color: red; border-radius: 15px;}
.pag {padding: 7px; font-size: 0.9em; font-weight: 500; line-height: 30px; background: #bbddff; color: #0077ff;
border-radius: 20px; box-shadow: #778899 0px 3px 5px;}

.multitrue {background: #fff; outline: none; text-align: left; transition: 0.5s;}
.multifals {background: #fff; outline: none; text-align: left; transition: 0.5s;}
.multifalse {background: #fff; outline: none; text-align: left; transition: 0.5s;}

#trueanswer {padding: 3%; background: #aaffaa; font-size: 0.9em; box-shadow: #bbccaa 0px 3px 15px; display:none;}
#trueanswer:hover {display: block;}
#text-input {width: 99.2%; height: 50px; font-size: 0.8em; font-weight: 300; outline: none; border-color: #0099cc;
display:none;}
#textinput {width: 99.2%; height: 155px; font-size: 0.8em; font-weight: 300; outline: none; border-color: #0099cc;}

#bottom-panel {width: 100%; height: auto; margin-top: 75px;}

#closed {position: relative; left: 33%; bottom: 0px; width: 33%; max-width: 300px; padding: 1%; background: #005588;
border-radius: 100px; font-weight: 400; text-align: center; color: #fff; cursor: pointer; display: inline-block;}

.navil {position: absolute; left: 8%; bottom: 2px; max-width: 40px; padding: 1%; background: #fff; border-radius: 100px;
font-size: 1.2em; font-weight: 400; color: #777; box-shadow: #aabbcc 0px 3px 15px; transition: 1s;}
.navil:hover {color: #789; box-shadow: #aabbcc 0px 3px 7px; transition: 0.5s;}
.navir {position: absolute; right: 8%; bottom: 2px; max-width: 40px; padding: 1%; background: #fff; border-radius: 100px;
font-size: 1.2em; font-weight: 400; color: #777; box-shadow: #aabbcc 0px 3px 15px; transition: 1s;}
.navir:hover {color: #789; box-shadow: #aabbcc 0px 3px 7px; transition: 0.5s;}

#showtrue {padding-left: 0.4vw; display:block; float: left;}
@media (max-width: 1200px) {#showtrue {padding-left: 0vw;}}
@media (max-width: 970px) {#showtrue {display: none;}}

#ready {position: absolute; left: 33%; bottom: 2px; width: 33%; max-width: 300px; padding: 1%; background: #0077aa;
border-radius: 100px; font-weight: 400; text-align: center; vertical-align: top; color: #fff; cursor: pointer; box-shadow: #aabbcc 0px 7px 7px;
z-index: 11; transition: 0.2s;}
@media (min-width: 970px) {#ready {text-align: justify;}}
#ready:hover {background: #0088bb; box-shadow: #99aabb 0px 4px 3px; transition: 0.2s;}
#ready:focus {outline: none; background: #005588; box-shadow: #778899 0px 3px 1px; z-index: -1;}
#ready:focus ~ .multifals {background: #ccffcc; opacity: 0.4; transition: 0.5s;}
#ready:focus ~ .multitrue {background: #aaffaa; transition: 0.5s;}
#ready:focus ~ .multifalse {opacity: 0.3; transition: 0.5s;}
#ready:focus ~ #trueanswer {display: block;}

#ytube {width: 100%; height: 42vw;}
@media (min-width: 360px) {#ytube {height: 50vw;}}
@media (min-width: 660px) {#ytube {height: 41.5vw;}}
@media (min-width: 1200px) {#ytube {max-width: 956px; height: 42vw; max-height: 538px;}}

.ytube {width: 100%; height: 42vw;}
@media (min-width: 360px) {.ytube {height: 50vw;}}
@media (min-width: 660px) {.ytube {height: 41.5vw;}}
@media (min-width: 1200px) {.ytube {max-width: 956px; height: 42vw; max-height: 538px;}}

.ytb {width: 100%; height: auto; cursor: pointer; margin: auto; background: #333333;}
@media (min-width: 700px) {.ytb {width: 270px; height: auto; margin: 5px 30px 15px 0px; float: left;}}
.ytb:hover {background: #ff0000;}

#impost {position: relative; width: 100%; height: 19.2vh; text-align: center; color: #006699; display: block;}
@media (min-width: 2000px) {#impost {height: 41.5vh;}}
@media (max-width: 1600px) {#impost {display: none;}}

.trudoc {width: 160px; height: 160px; border-radius: 80px; margin-right: 4vw; margin-bottom: 4vw; float: left;}
.banlead {width: 100%; height: 100%;}

#zenner {width: 100%; height: 340vw; border: 0px; outline: none; overflow-y: hidden; transition: 0.5s;}
@media (min-width: 445px) {#zenner {height: 345vw; transition: 0.5s;}}
@media (min-width: 500px) {#zenner {height: 348vw; transition: 0.5s;}}
@media (min-width: 640px) {#zenner {height: 90vw; transition: 0.5s;}}
@media (min-width: 720px) {#zenner {height: 80vw; transition: 0.5s;}}
@media (min-width: 1300px) {#zenner {height: 67vw; transition: 0.5s;}}
@media (min-width: 1600px) {#zenner {height: 56vw; transition: 0.5s;}}
@media (min-width: 1900px) {#zenner {height: 50vw; transition: 0.5s;}}
@media (min-width: 2500px) {#zenner {height: 40vw; transition: 0.5s;}}