.container{
    width: 98%; max-width:700px;
    margin:0 auto;
    font-family: verdana;
    position: relative;
    padding: 10px;
}
.container img{ max-width: 90%; }

.thisForm{ display:block; position:relative; margin-left:auto; margin-right:auto; text-align:center; border-top:1px solid #f0ede1; padding-top:0.5em;} 
.goTo{ font-family:  "Myriad", "Myriad Pro", "Helvetica","Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; padding-bottom:0.2em; margin: 0 1em 0 0; border-bottom:1px solid #f0ede1; color:#bfb3f2; display:inline-block; letter-spacing:1px; }
.btnext {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.61)!important; cursor:pointer; border:none; font-family:  "Myriad", "Myriad Pro", "Helvetica","Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; border-radius:12px; padding:0.5em 0.7em; margin:0 0.3em; text-decoration:none; display:inline-block;
}
input[type="button"]{
   outline:none;
}
input[type="button"]::-moz-focus-inner {
   border: 0;
}
.back1 { background:#fc95df } .back2 { background:#ffe579 } .back3 { background:#95cefc }

.btnext:hover{
	 background:#eee; border:0.1em solid #e8e8e8; padding:0.35em 0.65em;
}

#track1 {cursor:pointer;}
.featureText1{
	color: #000; border:#B9FF52 2px solid; border-radius:12px;
	text-indent: 0.3em; padding: 7px 12px; background:#E3FFBA; 
}
.featureText1 img{
	display:block; float:left; margin-right:12px; 
}

h3{font-family: "Comic Sans MS", "Myriad", "Myriad Pro", "Helvetica","Segoe UI", "Lucida Sans Unicode";font-size: 20px; font-weight: normal;}
#question{margin-top: 1.8em; margin-bottom:0.3em;}
#btnCheck{font-size: 18px; background: #04A762; border:1px solid gray; padding: 5px 15px; color:white; margin-top:1.3em; cursor:pointer; }
#question input{font-size: 3em; padding: 5px; border: 3px solid #84abff; text-align: center; color: blue; outline: none; width: 70px; border-radius:5px; }
#question input[type="text"]:disabled { background: #eeeeee; border:none;}
#question img{margin-left:5px;}
.wrong{color: red !important;}
.correct{color: #04A762 !important;}
#answer, #warning, #goodResult, #badResult{list-style: none; position:absolute; left: 150px; bottom:1em;}
#answer strong{color: #04A762;}
#warning{color: #FF2300;}
#thistrue{margin-left:21px; padding:3px 7px; border:1px solid #bbbaae; color:#00843c; background:#fff;}
.thiscolor{ color:#999 }
.thiscolor2{ display:inline-block; color:#2462bf }
#question li{list-style:none; text-align:center; width:100%; margin:1em 0; margin-left:0.5em;}
/* #question li:before { content: "• "; margin-right:0.5em; color: #b7b7b7; }*/
/*#question li img { max-width:70%; margin-right:1em;}*/
#goodResult{color:#00843c; font-size:1.2em;}
#badResult{color:#ff2a10; font-size:1.2em;}

.code2 #answer{color:red; font-size: 0.8em; text-align: center;}
#score{
    position: absolute;
    top: 10px;
    right: 30px;
    background: #C80800;
    color: white;
    padding: 3px 6px;
    text-align: center;
    width: 85px;
	font-size: 0.9em;    
}
#score strong{
	font-size: 1.3em;    
	background: #FFCBA4;
    display: block;
    padding: 14px;
    color: black;
    margin: -6px;
    margin-top: 12px;
    border-top: 1px solid white;}
	

	/*	-==========================- MOBILE -==========================-  */
@media screen and (max-width: 400px) {
	#question input{position:inherit; bottom:0;}
	#question li img { max-width:93%; margin-right:0;}
}