@font-face{font-family:SegoeUI;src:url(../segoeui.ttf)}
html,body{height:100%}
body{background-color:#333;padding:0;margin:0;font-family:'SegoeUI';color:#E5E8E4;width:100%;}
body .top-bar{width:100%;padding-bottom:30px;text-align:center}
body .top-bar p{margin-top:15px;font-size:25px}
body .top-bar img{margin-top:10px;border:0}
.clear{clear:both}a{color:#E5E8E4;text-decoration:none}
footer{padding-top:20px;background-color:#333;opacity:0.8;text-align:center;position:fixed;bottom:0px;width:100%}
footer div{display:inline-block}
footer div span{display:inline-block;float:left;line-height:50px}
footer div a{display:block;float:left}
footer div a img{width:128px;margin-left:10px;height:auto}
section{min-height:100%;background-image:url(../bg.jpg);background-size:cover;}
.button-list>a:last-of-type {margin-bottom: 100px;}
.button-list>a,.button-list>article{
	display:block;
	background-color:rgba(29,28,28,0.5);
	float:left;width:18%;
	margin-top:20px;
	margin-right:1%;
	margin-left:1%;
	color:#E5E8E4;
	min-height:150px;
	max-width:240px}
.button-list>a:hover,.button-list>article:hover{
	background-color:#DA0E31}
.button-list>a h2,.button-list>a p,.button-list>article h2,.button-list>article p{
	padding-left:5px;
	padding-right:5px;
	text-align:center}
.button-list>a.team-selection,.button-list>article.team-selection{
	text-align:center;
	background-color:#DA0E31 !important}
.button-list>a.team-selection input,.button-list>article.team-selection input{height:30px}
.button-list>a.team-selection input[type=text],.button-list>article.team-selection input[type=text]{margin:auto;min-width:70%;padding-left:10px}
.button-list>a.team-selection input[type=button],.button-list>article.team-selection input[type=button]{
	border-radius:0px;
	background-color:#3498db;
	border:0px;
	width:20%;
	margin:0;
	padding:0;
	color:white}
.fb-like {
	margin-right:5%;
	margin-top:20px;
	float:right}
@media only screen and (max-width: 1200px){
	.button-list>a,.button-list>article{width:20%}}
@media only screen and (max-width: 1000px){
	.button-list>a,.button-list>article{width:25%}}
@media only screen and (max-width: 800px){
	.top-bar img{width:70%}
	.button-list>a,.button-list>article{width:48%}}
@media only screen and (max-width: 450px){.button-list>a,.button-list>article{width:68%;margin-left:5%}}
/*# sourceMappingURL=style.css.map */