html, body {
  height: 100%;
  margin: 0;
}
.wrapper {
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: 0;
  background-color: transparent;
  overflow: hidden;
}
.app {
	width: 215px;
	margin: auto;
	transform: translate(0px, 130px);
}
.app:hover {
	transition: transform 0.5s;
	transform: translate(0px, 0px);
}
.push {
  height: 200px;
}
.footer {
	color: #aaa;
	background-color: #1F3040;
	overflow: hidden;
}
a { outline: none; }
.top-bar, .top-bar ul {
    background-color: transparent;
}
.rtnTopBar {
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	margin-left: 15px;
}
.whitelink, .whitelink:visited {
	color: #fff;
}
.whitelink:hover {
	color: #2ba6cb;
}
.top-bar-title {
	line-height: 40px;
}
.menu-icon::after {
    box-shadow: 0 11px 0 #fefefe, 0 22px 0 #fefefe;
}
.menu-icon:hover::after {
    box-shadow: 0 11px 0 #cacaca, 0 22px 0 #cacaca;
}
.top-bar-title .menu-icon {
    bottom: 14px;
}
.menu-icon {
    width: 25px;
}

.vertical-heading {
	position: absolute;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-bottom:20px;
	color: #fff;
	font-size: 150px;
	transform: rotate(90deg);
	transform-origin: left top 0;
	left: 200px;
}

.no-js .top-bar {
  display: none;
}
#wrap {
	min-height: 100%;
}
#footer {
	height: auto;
	color: #3da9bd;
	background-color: #0f3138;
}
.footerbox {
	height: 200px;
}
.footerbox p {
	padding-top: 20px;
}
.footerbox a, .footerbox a:visited {
	color: #1DA1F2;
}
.footerbox a:hover {
	color: #fff;
}
.footerLogo {
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 40px;
}
.full-width {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
   padding: 0;
}
#contact-footer {
	padding-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#info { 
    height: 400px; 
    position: absolute; 
    bottom:0%;
	right: 0;
    width:400px; 
    background-color: #393838; 
    opacity: 1;
}

#latest-scores {
	float: right;
	margin-top: 70px;
	margin-right: 20px;
	width: 300px;
}
#latest-scores p {
	width: 100%;
	text-align: right;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	margin: 0 0;
	padding: 0;
}
.blue-text {
	color: #1DA1F2;
}
.latestlink, .latestlink:visited {
	color: #fff;
}
.latestlink:hover {
	color: #1DA1F2;
}
.ReactTable .rt-thead .rt-th.-sort-desc, .ReactTable .rt-thead .rt-td.-sort-desc {
    -webkit-box-shadow: inset 0 -3px 0 0 #1DA1F2!important;
    box-shadow: inset 0 -3px 0 0 #1DA1F2!important;
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
    border-color: #1DA1F2 transparent transparent!important;
}
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.fade-in {
	opacity: 0;

	-webkit-animation: fadeIn ease-in 1;
	     -o-animation: fadeIn ease-in 1;
	        animation: fadeIn ease-in 1;

	-webkit-animation-fill-mode: forwards;
	     -o-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;

	-webkit-animation-duration: 0.5s;
	     -o-animation-duration: 0.5s;
	        animation-duration: 0.5s;
}

.fade-in.d1 {
	-webkit-animation-delay: 0.5s;
	     -o-animation-delay: 0.5s;
	        animation-delay: 0.5s;
}
.fade-in.d2 {
	-webkit-animation-delay: 0.6s;
	     -o-animation-delay: 0.6s;
	        animation-delay: 0.6s;
}
.fade-in.d3 {
	-webkit-animation-delay: 0.7s;
	     -o-animation-delay: 0.7s;
	        animation-delay: 0.7s;
}
.fade-in.d4 {
	-webkit-animation-delay: 0.8s;
	     -o-animation-delay: 0.8s;
	        animation-delay: 0.8s;
}
.fade-in.d5 {
	-webkit-animation-delay: 0.9s;
	     -o-animation-delay: 0.9s;
	        animation-delay: 0.9s;
}
.fade-in.d6 {
	-webkit-animation-delay: 1s;
	     -o-animation-delay: 1s;
	        animation-delay: 1s;
}
.fade-in.d7 {
	-webkit-animation-delay: 1.1s;
	     -o-animation-delay: 1.1s;
	        animation-delay: 1.1s;
}
.fade-in.d8 {
	-webkit-animation-delay: 1.2s;
	     -o-animation-delay: 1.2s;
	        animation-delay: 1.2s;
}
.fade-in.d9 {
	-webkit-animation-delay: 1.3s;
	     -o-animation-delay: 1.3s;
	        animation-delay: 1.3s;
}
.fade-in.d10 {
	-webkit-animation-delay: 1.4s;
	     -o-animation-delay: 1.4s;
	        animation-delay: 1.4s;
}
.fade-in.d11 {
	-webkit-animation-delay: 1.5s;
	     -o-animation-delay: 1.5s;
	        animation-delay: 1.5s;
}
.fade-in.d12 {
	-webkit-animation-delay: 1.6s;
	     -o-animation-delay: 1.6s;
	        animation-delay: 1.6s;
}
.fade-in.d13 {
	-webkit-animation-delay: 1.7s;
	     -o-animation-delay: 1.7s;
	        animation-delay: 1.7s;
}
.fade-in.d14 {
	-webkit-animation-delay: 1.8s;
	     -o-animation-delay: 1.8s;
	        animation-delay: 1.8s;
}
.fade-in.d15 {
	-webkit-animation-delay: 1.9s;
	     -o-animation-delay: 1.9s;
	        animation-delay: 1.9s;
}
.fade-in.d16 {
	-webkit-animation-delay: 2s;
	     -o-animation-delay: 2s;
	        animation-delay: 2s;
}
.fade-in.d17 {
	-webkit-animation-delay: 2.1s;
	     -o-animation-delay: 2.1s;
	        animation-delay: 2.1s;
}
.fade-in.d18 {
	-webkit-animation-delay: 2.2s;
	     -o-animation-delay: 2.2s;
	        animation-delay: 2.2s;
}
.fade-in.d19 {
	-webkit-animation-delay: 2.3s;
	     -o-animation-delay: 2.3s;
	        animation-delay: 2.3s;
}
.fade-in.d20 {
	-webkit-animation-delay: 2.4s;
	     -o-animation-delay: 2.4s;
	        animation-delay: 2.4s;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.vertical-heading, #zim-container {
		display: none;
	}
	.top-bar, .top-bar ul {
		background-color: #202020;
	}
	.top-bar ul li:hover {
		background-color: #252525;
	}
	.footerbox-hidden {
		display: none;
	}
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.no-js .top-bar {
		display: block;
	}
	.no-js .title-bar {
		display: none;
	}
	.rtnTopBar {
		display: none;
	}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}


@media screen and (max-height: 53em) {
	.vertical-heading {
		font-size: 100px;
		left: 140px;
	}
}
@media screen and (max-height: 600px) {
	.vertical-heading {
		font-size: 50px;
		left: 80px;
	}
}