#timezones{
	width:100%;
	float:left;
	clear:left;
	text-align:center;
	font-size:12px;
}
#timezones>p{
	margin:0;
}
#timezones>input[type="submit"]{
	height:40px;
	width:auto;
	box-sizing:border-box;
	background:#5581b2;
	color:#fff;
	border:1px solid #000;
	-webkit-appearance: none;
}

#timezone{
	box-sizing:border-box;
	height:40px;
}
section[id="user.timezone.get"]{
	box-sizing:border-box;
	width:100%;
	float:left;
	clear:left;
	padding:10px;
	background:rgba(255, 255, 255, 0.85);
	color:#000;
	margin:40px 0 0;
}

#tournamentLink{
	float:right;
	clear:right;
	font-size:1.2rem;
	margin:-40px 0 0;
}

#homeLink{
	float:left;
	clear:left;
	font-size:1.2rem;
	margin:-40px 0 0;
}

section[id="user.timezone.get"]>h2{
	clear:left;
	margin:15px 0 5px;
}
section[id="user.timezone.get"]>p{
	float:left;
	clear:left;
	width:100%;
	text-align:center;
	margin:5px 0;
}
section[id="user.timezone.get"]>ol{
	list-style-type:none;
	float:left;
	clear:left;
	margin:0;
	padding:0 0 20px;
	width:100%;
}

section[id="user.timezone.get"]>ol>li{
	font-family:monospace;
	font-size:12px;
	float:left;
	width:100%;
}

@media only screen and (min-width:3500px) {
	section[id="user.timezone.get"]>ol{
		columns:9;
	}
}

@media only screen and (min-width:3000px) and (max-width:3500px) {
	section[id="user.timezone.get"]>ol{
		columns:8;
	}
}

@media only screen and (min-width:2500px) and (max-width:3000px) {
	section[id="user.timezone.get"]>ol{
		columns:7;
	}
}

@media only screen and (min-width:2100px) and (max-width:2500px) {
	section[id="user.timezone.get"]>ol{
		columns:6;
	}
}

@media only screen and (min-width:1750px) and (max-width:2100px) {
	section[id="user.timezone.get"]>ol{
		columns:5;
	}
}
@media only screen and (min-width:1400px) and (max-width:1750px) {
	section[id="user.timezone.get"]>ol{
		columns:4;
	}
}
@media only screen and (min-width:1000px) and (max-width:1400px) {
	section[id="user.timezone.get"]>ol{
		columns:3;
	}
}
@media only screen and (min-width:600px) and (max-width:1000px) {
	section[id="user.timezone.get"]>ol{
		columns:2;
	}
}
@media only screen and (max-width:600px) {
	section[id="user.timezone.get"]>ol{
		columns:1;
	}
}
section[id="user.timezone.get"]>ol>li>.zone{
	float:left;
}
section[id="user.timezone.get"]>ol>li>.time{
	float:right;
	padding:0 25px 0 0;
	border-right:1px solid #999;
}