/** structure
===========================================================================
*/
a {
    display: block; height: 100%; width: 100%;
	text-decoration: none;
}

.floatr {float: right;}

.mrb {margin-right: 20px;}
.ht0 {height: 0px;}
.dnone {display: none;}
.vnone {display: none; opacity: 0; margin-top: 40px;
	transition: opacity 1s linear, margin-top 0.5s linear;
	-webkit-transition:  opacity 1s linear, margin-top 0.5s linear;
}
/** sticky header: ;
===========================================================================
*/


.wrapper {max-width: 375px; margin: 0 auto;}

.header_nav{
    position: absolute;
    height: 100px;
    width: 100%;

}

.header-sticky{
    position: fixed!important;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 999;	
}


#home .header_nav  {background: url("../img/header.png") top center no-repeat;
    background-size: 375px 50px;
    height: 50px;}



#home section.first-section { 
	padding-top: 70px;
/*    height: 1465px;*/
	margin: 0 1em;
 }


.footerQuiz {
    background: url("../img/footer.png") top center no-repeat ;
	background-size: 403px 532px;
    height: 532px;
	margin-top: 250px;
}

h1 {
	text-align: center;
    font-size: 1.5em;
}
h2  {
	text-align: center;
    font-size: 1.2em;
}
h3  {
	text-align: center;
    font-size: 1.1em;
	margin-top: 2em;
}

.buttonHolder {
	width: 270px;
	margin: 0 auto;
}

.question {
	border: 1px solid #999999;
	padding: 10px;
	background: #F3F3F3;
  	-webkit-transition: opacity 0.5s ease-in-out;
  	transition: opacity 0.5s ease-in-out;
}

#qs1 .question{
	opacity: 1;
}

.question a {
	display: inline-block;
	width: 122px;
	padding: 13px;
	text-align: center; 
	border: 2px solid #999999;
	border-radius: 10px;
}
.question a.filled {
	background-color: #7f7f7f;
	color: #ffffff;
}

.question a.next, .question a.seeResults {
	margin: 0 auto;
	display: block;
}
a.seeResults {
	
}


.answer {
	 opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


.progress {
	margin: 1em auto 0;
	    width: 308px;
}
.progress div{
	display: inline-block;
	width: 35px;
	height: 10px;
	margin-right: 5px;
	border: 1px solid #999999;
}

.progress div.full {background-color: #7f7f7f;}

.progress span {
	font-size: 0.8em;
	font-style: italic;
    display: block;
    text-align: center;
}


/*======================*/
/*======================*/