﻿* {
	margin: 0;
}
#wrapper {
	padding: 0 20px 0 20px;
	display-x: hidden;
}
.container {
	display: flex;
	flex-wrap: wrap;
}
body {
	width: 100%;
	height: auto;
	display-x: hidden;
}
h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 16px;;
	text-align: center;
	font-style: normal;
}
h2 {
	width: 100%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
}
img.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.score1 {
	width: 100%;
	order: 1;
}
.text1 {
	width: 100%;
	text-align: center;
	order: 2;
}
.score2 {
	width: 100%;
	order: 3;
}
.text2 {
	width: 100%;
	text-align: center;
	order: 4;
}
.score3 {
	width: 100%;
	text-align: center;
	order: 5;
}
.text3 {
	width: 100%;
	text-align: center;
	order: 6;
}
.score4 {
	width: 100%;;
	order: 7;
}
.text4 {
	height: auto;
	width: 100%;
	text-align: center;
	order: 8;
}
.score5 {
	width: 100%;
	order: 9;
}
.text5 {
	width: 100%;
	text-align: center;
	order: 10;
}
.score6 {
	width: 100%;
	order: 11;
}
.text6 {
	width: 100%;
	text-align: center;
	order: 12;
}
.prev {
	width: 50%;
	padding-bottom: 30px;
	order: 13;
	float: left;
}
.prev img {
	float: right;
	padding-right: 280px;
}
.next {
	width: 50%;
	padding-bottom: 30px;
	order: 14;
	float: right;
}
.next img {
	float: left;
	padding-left: 280px;
}
.score1, .score2, .score3, .score4, .score5, .score6 {
	padding: 5px 0 5px 0;
}
.text1, .text2, .text3, .text4, .text5, .text6 {
	padding-bottom: 60px;
}
@media screen and (max-width: 684px) {
.score1 img, .score2 img, .score3 img, .score4 img, .score5 img, .score6 img {
	max-width: 100%;
	height: auto;
}
h1 {
	font-size: 11px;
}
h2 {
	font-size: 10px;
}
.text1, .text2, .text3, .text4, .text5, .text6 {
	padding-bottom: 30px;
}
	.prev {
		padding-bottom: 30px;
	}
	.next {
		padding-bottom: 30px;
	}
.prev img {
	float: right;
	padding-right: 110px;
	
}
.next img {
	float: left;
	padding-left: 110px;
}
}
