@CHARSET "UTF-8";

/* Smartphones and Tablets */
@media only screen and (min-width: 0px) and (max-width: 1023px) {
	div#header {
		margin-top: 0px;
	}
	
	div#logo_holder {
		position: static;
		width: 200px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	h3 {
		width: 40%;
		margin-bottom: 25px;
	}
	
	#downloadbutton {
		display: none;
	}
}

/* Smartphones */
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.box_100, .box_50 {
		padding-left: 2%;
		padding-right: 2%;
	}
	
	.button {
		margin-left: 2%;
		margin-right: 2%;
		width: auto;
	}

	.answer_container {
		width: 100%;
		float: none;
		display: block;
	}
	
	.question, .answer {
		width: auto;
		padding-left: 2%;
		padding-right: 2%;
		margin-left: 4%;
		margin-right: 4%;
	}
	
	#answer0, #answer1, #answer2, #answer3 {
		float: none;
	}
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 955px) {
}

/* small Smartphones */
@media only screen and (min-width: 0px) and (max-width: 450px) {
	h3 {
		width: 80%;
	}
}