@font-face {
    font-family: 'Open Sans';
    src: local('fonts/Open Sans SemiBold'), local('OpenSans-SemiBold'),
        url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: local('fonts/Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
        url('fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

h1,h2,h3,h4,h5 {font-weight:600;}

body { color: #e8d628; background-color: #000;  font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; -webkit-font-smoothing: antialiased; margin:0;
/*overflow: hidden;*/ }

.red { color: #d32413; }
.green { color: #00DF2E; }
a { color: #e8d628 !important; }
a i { color: #d32413; }
.yellow { color: #e8d628; }
.center { text-align: center; }
strong { text-transform: uppercase; color: #d32413; font-weight:800; }

/*
* Font Sizes
*/
p { font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1.2; margin: 0 0 1rem 0; }
.font_xsmall { font-size: 1rem; }
.font_small { font-size: 1rem; }
.font_medium { font-size: 1.25rem; }
.font_medium_large { font-size: 1.25rem; }
.font_large { font-size: 1.375rem; font-weight:800; }
.font_xlarge { font-size: 1.875rem; font-weight:800; }
.font_xxlarge { font-size: 1.875rem; font-weight:800; }
.font_huge { font-size: 4rem; font-weight:800; }

a.next { color: #d32413; font-size: 3.5rem; }

@media screen and (min-width:64em){
	.font_xsmall { font-size: 1.5rem; }
	.font_small { font-size: 1.5rem; }
	.font_medium { font-size: 1.75rem; }
	.font_medium_large { font-size: 1.75rem; }
	.font_large { font-size: 2.125rem; }
	.font_xlarge { font-size: 2.5625rem; }
	.font_xxlarge { font-size:2.5625rem; }
	.font_huge { font-size: 7.6875rem; }
	a.next {font-size: 7rem; }
}
@media screen and (min-width:100em){
	.font_xsmall { font-size: 1.5rem; }
	.font_small { font-size: 1.5rem; }
	.font_medium { font-size: 2.75rem; }
	.font_medium_large { font-size: 2.75rem; }
	.font_large { font-size: 4rem; }
	.font_xlarge { font-size: 5.125rem; }
	.font_xxlarge { font-size: 5.125rem; }
	.font_huge { font-size: 12.625rem; }
	a.next {font-size: 10rem; }
}

p.less-margin { margin-bottom: 1rem; }
p.legal { font-size: 30px; }
ul { font-family: 'Open Sans', sans-serif; font-weight: 600; margin-left: 2rem; list-style-type: none; margin: 20px 0; padding: 0; }
ul li { margin: 20px 0; padding: 10px 0; line-height: 1.2; } /*margin: 40px 0;*/

div.question_image { float: right; margin: 50px; }

ul.answers {margin-left: 50px;}

ul.answers a {text-decoration:none;}




ul.answers li { position: relative; /*min-height: 60px;*/ align-content: center; }


/*ul.answers li a { font-size: 25px; }*/
@media screen and (min-width:100em){
	ul.answers li a { font-size: 40px; }
}

ul.answers {margin-left:1.125rem;}

ul.answers li a:before { content: ''; position: absolute; 
	left: -1.25rem; width: 1.25rem; height:1.25rem; 
	font-family: 'FontAwesome'; font-size: 1.25rem; 
	line-height: inherit; 
}

@media screen and (min-width:64em){
	ul.answers {margin-left:1.75rem;}

	ul.answers li a:before { left: -1.75rem; width: 1.75rem; height:1.75rem; 
		font-size: 1.75rem; 
	}
}

@media screen and (min-width:100em){
	ul.answers {margin-left:2.75rem;}

	ul.answers li a:before { left: -2.75rem; width: 2.75rem; height:2.75rem; 
		font-size: 2.75rem; 
	}
}

/*
@media screen and (min-width:100em){
	ul.answers li a:before { left: -100px; width: 100px; height: 100px; font-size: 75px;}
}*/

/*ul.answers li a.correct, ul.answers li a.wrong { font-size: 40px; }*/
ul.answers li a.correct:before { content: ''; color: #00f800; }
ul.answers li a.wrong:before { content: ''; color: #d32413; }

.page  { 
	padding: 0 10svw;
	min-height:100svh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
	position:relative;
}

.page.hide {display: none;}

/*
@media screen and (min-width:64em){
	.page {padding:0 2rem;}
}

@media screen and (min-width:100em){
	.page {padding:0 4rem;}
}*/

.page .columns {
	-webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0;
	max-width:90rem;
}

.page-01 { text-align: center; }
.page-04 { text-align: center; }
.page-05 { text-align: center; }

#restart { position: absolute; top: 5%; right: 5%; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #FFFF00; border-radius: 50%; font-size: 20px; z-index: 500; cursor:pointer; }
#restart i { position: absolute; top: 0; left: 0; color: #000 !important; width: 30px; height: 30px; line-height: 30px; }

@media screen and (min-width:64em){
	#restart { width: 50px; height: 50px; line-height: 50px; font-size: 30px;}
	#restart i { width: 50px; height: 50px; line-height: 50px; }
}

.hidden { display: none; }
.checkbox a { color: #fff !important; }
.checkbox i { font-size: 40px; }