@charset "UTF-8";
/* CSS Document */

body {
	/*color: #f8cb53;
	background: #222;*/
	color: #000;
	background: #fff;
	padding: 0px;
	margin: 0px;
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
}
.pool {
	margin: 20px;
}
.pool:last-of-type {
	margin: 20px 20px 0px;
}
.pool:last-of-type .pegs {
	margin: 0px;
}
.pool-name {
	font-size: 50px;
	line-height: 50px;
	padding: 0 5px;
	margin: 0 0 20px 0;
	font-weight: 600;
	/*text-transform: uppercase;*/
}
.pegs {
	display: block;
	margin: 0 0 25px;
}
.peg {
	display: inline-block;
	/*color: #222;*/
	color: #fff;
	padding: 10px;
	margin: 0 5px 10px 5px;
	border-radius: 5px;
	font-weight: 600;
	width: calc(10% - 30px);
}
.peg span {
	
}
.free {
	/*background: #53c011;*/
	background: #298500;
	
}
.taken {
	/*background: #e02828;*/
	background: #cd0000;
}
.leaving {
	/*background: #ff852b;*/
	background: #e96e00;
}
h1 {
	margin: 0px;
	padding: 20px 25px 10px;
	/*text-transform: uppercase;*/
	font-size: 35px;
	line-height: 35px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}
h1 span {
	float: right;
	margin: 0 0 0 10px;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 600px) {
	body {
		font-size: 15px;
		line-height: 15px;
	}
}

@media only screen and (min-width: 1910px) {
	body {
		font-size: 43px;
		line-height: 34px;
	}
}