#quizForm{
	display: block;
	width:100%;
	padding:20px 40px;
}

#quizForm .question{
	font-family: OpenSauce;
	margin:3rem auto;
	background-color: white;
	border-radius: 40px;
	padding:3rem 2rem;
	width:90%;
}

#quizForm .question h3{
	font-size:20px;
	margin-bottom:10px;
	border-bottom: solid 2px gray;
}

#quizForm .question label{
	font-size: 17px;
	display: inline-block;
	width:100%;
	cursor:pointer;
	color:#2F2722;
}

#quizForm .question label:hover{
	background-color: #E3B367;
}

#quizForm .question label input[type=radio]{
	margin:12px;
}

#test-boton{
	display:block;
	margin:auto;
	width:50%;
	font-size:30px;
	top:75%;
	padding:0.75rem 1rem;
	font-family: OpenSauce;
	font-weight: lighter;
	text-align:center;
	cursor:pointer;
	background-color: #E3B367;
	border-radius:20px;
	border:none;
	color:#2f2722;
	transition:0.2s;
}

#test-boton:hover{
	background-color:black;
	color:white;
	transition:0.2s;
}

.test-result{
	width:70%;
	max-width:950px;
	margin:25px auto;
}

.test-result h3{
	font-size:23px;
	font-family: OpenSauce;
}

.test-result #test-results{
	font-family: OpenSauce;
	font-size:19px;
	margin:20px auto;
}

.test-result #test-results h4{
	font-size:19px;
	margin:10px auto;
}

.test-result #test-results h4 strong{
	font-size:22px;
	font-style: italic;
}

.test-result #test-results ul{
	padding:0 0 0 3rem;
}

.test-result #test-results ul li{
	font-size:17px;
	margin:5px auto;
}

.test-result #test-results .test-p{
	display:flex;
	flex-flow:row wrap;
}

.test-result #test-results .test-p p{
	width:50%;
	font-family: OpenSauce;
	padding:0 2rem 0 1rem;
	margin:0;
	text-align: left;
	display:flex;
	align-items: center;
}

.test-result #test-results .test-p img{
	width:50%;
}

.test-result #test-results .download-guide{
	margin:25px auto;
	width:75%;
	background-color: #e3b367;
	padding:1rem 3rem;		
	display:flex;
	flex-flow:row wrap;
	justify-content: center;
	align-items: center;
}

.test-result #test-results .download-guide .cover-guide{
	width:50%;
	max-width:300px;
	margin:10px auto;
}

.test-result #test-results .download-guide div{
	padding:10px 0;
	width:50%;
	display:inline-flex;
	flex-flow:row wrap;
	justify-content: space-between;
	align-items: center;
}

.test-result #test-results .download-guide div p{
	font-family: OpenSauce;
	padding:10px 0;
	text-align: left;
	font-size:18px;
}

.test-result #test-results .download-guide div p:nth-child(2){
	font-family: OpenSauce;
	padding:10px 0;
	text-align: left;
	font-size:22px;
}

.test-result #test-results .download-guide input[type=email]{
	padding:10px 0;
	margin-top:10px;
	width:100%;
	font-family: OpenSauce;
	font-size: 19px;
	text-align: center;
}

.test-result #test-results .download-guide input[type=button]{
	padding:10px 0;
	margin:10px auto;
	width:100%;
	background-color: #55473e;
	font-family: OpenSauce;
	font-size:20px;
	color:white;
	cursor:pointer;
	border:none;
	transition:0.25s;
}

.test-result #test-results .download-guide input[type=button]:hover{
	background-color: white;
	color:#55473e;
	transition:0.25s;
}

@media(max-width:800px){
	.test-result #test-results ul{
		padding:0 1.7rem;
	}

	.test-result #test-results .download-guide{
		width:140%;
		margin-left:-20%;
		padding:0 2.5vw;
	}

	.test-result #test-results .download-guide .cover-guide{
		width:100%;
		max-width:300px;
		margin:10px auto;
	}

	.test-result #test-results .download-guide div{
		padding:10px 0;
		width:100%;
		display:flex;
		flex-flow:column wrap;
		justify-content: space-between;
		align-items: center;
	}

	.test-result #test-results .download-guide div p{
		font-family: OpenSauce;
		padding:10px 0;
		text-align: left;
		font-size:17px;
	}

	.test-result #test-results .download-guide div p:nth-child(2){
		font-family: OpenSauce;
		padding:10px 0;
		text-align: left;
		font-size:22px;
	}
}

@media(max-width:1200px){
	#test-boton{
		width:90%;
	}

	.test-result #test-results .test-p{
		display:flex;
		flex-flow:column wrap;
	}

	.test-result #test-results .test-p p{
		width:100%;
	}

	.test-result #test-results .test-p img{
		width:100%;
		max-width:500px;
		margin:3rem auto 5rem;
	}

	.test-result #test-results .download-guide{
		width:100%;
		padding:0 2.5vw;
	}
}

@media(min-width:1200px){
	#quizForm .question{
		width:70%;
		max-width:950px;
	}
	
}