.col-1-8 {
	width: 12.5%;
	float: left;
}
.round-one-top {
	padding: 50px 0 0;
   
}
.round-one-bottom {
    padding-top: 50px;
	padding: 50px 0 0;
    margin-top: 100px;
    
}
.round-two-top {
	padding: 120px 0 0;
}
.round-two-bottom {
	padding: 240px 0 0;
}
.round-three {
	padding: 250px 0 0;
}
.col-1-4 {
	width: 25%;
	float: left;
}
.col-1-3 {
	width: 33.333%;
	float: left;
}
.col-1-2 {
	width: 50%;
	float: left;
}
.col-2-3 {
	width: 66.66%;
	float: left;
}
.col-100 {
	width: 100%;
	float: left;
}
ul.matchup {
	margin: 0;
	width: 100%;
	padding: 10px;
}
ul.matchup li {
	padding: 0;
	margin: 3px 5px;
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	border: 1px solid #cccccc;
}
.seed {
	background: #e7e7e7;
	padding: 5px 10px;
}

@media screen and (min-width: 401px) and (max-width: 680px) {
.col-1-8 {
	width: 25%;
}
}

@media screen and (max-width: 400px) {
.col-1-8 {
	width: 33%;
}
.champ {
	width:100%;
}
}