/* Small only < 640 */
@media screen and (max-width: 63.9375em) /*(max-width: 39.9375em) */ {
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	body {
		font-size: 12px;
	}
	header {
		min-height: 50px;
		padding: 0.5rem 0;
	}
	#spinner_master_container {
		display: block;
	}
	#menu_1 {
		position: absolute;
		width: calc(100% + 1.25rem);
		padding: 0.5rem 0;
		margin: 0 -0.625rem;
		z-index: 100;
		left: calc(100% + 1.25rem);
		transition-duration: 0.5s;
		background: #fff;
	}
	#menu_1.visible {
		left: 0%;
		transition-duration: 0.5s;
	}
	#menu_1 ul {
		width: 100%;
	}
	#menu_1 ul li {
		width: 100%;
		padding: 0.3rem;
	}
	#menu_1 ul li ul {
		padding: 0.3rem 0;
	}
	#menu_1 ul li ul li {
		padding: 0.3rem 0;
	}
	#menu_1 ul li a {
		width: 100%;
		text-align: left;
		font-size: 1rem;
		padding: 0.3rem 0.5rem;
	}
	h1 {
		padding: 0;
	}
	section {
		padding: 1rem 0;
	}
	h2, .white_section h3, .red_section h3, .blue_section h3, #table_container h3, #risk_groups h2 {
		font-size: 2rem;
		padding: 1rem 0;
		letter-spacing: normal;
	}
	p, .white_section p, .white_section ul, .white_section ol, .red_section p, .red_section ul, .red_section ol, .blue_section p, .blue_section ul, .blue_section ol {
		font-size: 1rem;
	}
	#langs {
		top: -2.6rem;
		right: 40px;
	}
	
	#myths h2, #quiz2_section h2 {
		font-size: 3rem;
	}
	#quiz li, #quiz2 li {
		padding: 0;
	}
	#sticker_1 {
		width: 6rem;
		top: 1rem;
		left: auto;
		right: 1rem;
	}
	#sticker_2 {
		top: auto;
		bottom: 2rem;
	}	
	#sticker_3 {
		width: 7rem;
		bottom: 2rem;
		top: auto;
		left: 1rem;
	}
	#quiz2_section #sticker_4, #quiz2_section #sticker_7 {		
		width: 6rem;
		top: 1rem;
		left: auto;
		right: 0rem;
		z-index: -1;
	}
	#quiz2_section #sticker_5, #quiz2_section #sticker_8 {
		top: auto;
		bottom: 2rem;
		z-index: -1;
	}
	#quiz2_section #sticker_6, #quiz2_section #sticker_9 {
		width: 7rem;
		bottom: 2rem;
		top: auto;
		left: 1rem;
		z-index: -1;
	}
	.question_content {
		position: relative;
		top: 0;
		width: 100%;
		transform: none;
		padding: 0 1rem;
	}
	.answer_content {
		width: 100%;
		padding: 0 1rem;
	}
	.question p {
		font-size: 1.5rem;
	}
	.answer p, .answer p strong {
		font-size: 1rem;
	}
	.quiz_btn {
		font-size: 1rem;
		height: 3rem;
		line-height: 3rem;
	}
	
	#quiz2_section h2 {
		font-size: 3rem;
		padding: 3rem 0 1rem 0;
	}
	#quiz2_section h3 {
		font-size: 1.5rem;
		padding: 0.5rem 0;
	}
	#quiz2 .quest h4 {
		font-size: 1.8rem;
	}
	#quiz2_section p {
		font-size: 1rem;
		padding: 0.5rem 0;
	}
	#quiz2 .quest button {
		width: 100%;
		font-size: 1.2rem;
		margin: 1rem auto 0 auto;
	}
	#quiz2 .quest button::before {
		font-size: 1.2rem;
		height: 2.2rem;
	}
	#quiz2 .quest button.correct.revealed::before, #quiz2 .quest button.incorrect.revealed::before {
		background-size: 20px auto;
	}
	
	#what_is_the_flu_img {
		position: relative;
	}
	
	#how_to_prevent_the_flu iframe {
		position: relative;
		width: 300px !important;
		height: 300px !important;
		transform: none;
	}
	
	.symptom {
		width: 100%;
	}
	.symptom img {
		width: 120px;
		height: 120px;
		margin: 1rem 2rem 1rem 0;
	}
	.symptom h4 {
		font-size: 1.5rem;
	}
	.phase {
		width: 90%;
	}
	.phase img {
		width: 150px;
		height: 150px;
	}
	#table_container {
		padding: 2rem 0;
		border-top-left-radius: 2rem;
		border-bottom-right-radius: 2rem;
	}
	#table_container .virus, .table_sticker {
		display: none;
	}
	#table_container table th {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	
	.red_group img, .blue_group img {
		position: relative;
	}
	.red_group h3, .blue_group h3 {
		font-size: 3rem;
		padding: 1rem 0;
	}
	.group_4 h3, .group_5 h3, .group_6 h3, .group_7 h3 {
		text-indent: 4rem;
	}
	.group_4 h3:before, .group_5 h3:before, .group_6 h3:before, .group_7 h3:before {
		width: 3rem;
		height: 3rem;
		top: 1rem;
	}
	.group_1 .cell, .group_2 .cell, .group_3 .cell, .group_4 .cell, .group_5 .cell, .group_6 .cell, .group_7 .cell, .group_8 .cell, .group_9 .cell {
		min-height: auto;
	}
	.group_1 img, .group_2 img, .group_3 img, .group_4 img, .group_5 img, .group_6 img, .group_7 img, .group_8 img, .group_9 img {
		max-width: 70%;
	}
	.group_1 img.sticker, .red_group img.sticker, .blue_group img.sticker {
		width: 150px;
		right: 1rem;
		left: auto;
	}
	.blue_group h3 sup {
		top: -1.5em;
	}
	
	footer {
		padding: 1rem 0;
	}
	footer img {
		margin-bottom: 1rem;
	}
	#menu_2 {
		padding: 1rem 0;
	}
	#menu_2 ul li {
		margin: 0 1rem 0 0;
	}
	footer p {
		text-align: left;
	}
	.stt {
		display: none;
	}
}
/* Medium only > 640 < 1024 */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	h2, .white_section h3, .red_section h3, .blue_section h3, #table_container h3, #risk_groups h2 {
		font-size: 3rem;
		padding: 1.5rem 0;
		letter-spacing: normal;
	}
	p, .white_section p, .white_section ul, .white_section ol, .red_section p, .red_section ul, .red_section ol, .blue_section p, .blue_section ul, .blue_section ol {
		font-size: 1.25rem;
	}
	#langs {
		top: 0;
		right: 40px;
	}
	
	#myths h2 {
		font-size: 5rem;
	}
	
}

/* Large only > 1024 < 1200  */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	
	
}

/* Large only > 1200 < 1440  */
@media screen  and (min-width: 75em) and (max-width: 92em) {
	
	
	
}