html, body {
	background-color: #333;
	color: #636b6f;
	color: #f3fbff;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	height: 100vh;
	margin: 0;
	min-width:700px;
}

.full-height { height: 75vh; }

.flex-center {
	align-items: center;
	display: flex;
	justify-content: center;
}

.position-ref {  position: relative; }

.top-right {
	/*position: absolute;
	right: 10px;
	top: 18px;*/
	float:right;
}

.content { text-align: center; width:80%; }
.content section { text-align: left; border-top:1px solid #ccc; margin:0 0 24PX 0; }
.content section p { color: #666; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size:18px; font-weight: 100; }

button.button { font-size:18px; margin-bottom:30px; border-radius:3px; background:#5A6E79; color:#fff; border:1px solid #333; padding:12px; cursor:pointer; }
button.button:hover { font-size:18px; margin-bottom:30px; border-radius:3px; background:#ffe; color:#333; border:1px solid #333; padding:12px; cursor:pointer; }

.title { font-size: 84px; line-height: 42px; font-weight: 100; }			
.title small { font-size:48px; margin: 0; color:#999; }			
.title.cup { font-size:7em; margin-bottom:42px; margin-left:0.2em; }

.links > a {
	color: #636b6f;
	color: #f3fbff;
	padding: 1em 50px 0 0;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	display: block; overflow: hidden;
}

.m-b-md { margin-bottom: 30px; }

#tcm_banner { position: fixed; bottom:0; width:100%; display: block; overflow: hidden; padding:7px 20px; background:#000; }
#tcm_banner a { color:#fff; text-decoration: none; font-size:32px; padding-left:160px; }
#tcm_banner a span { opacity:.5; font-size:0.7em; }
#tcm_banner span.icon { font-size:5em; position:absolute; top:-50px; left:0; z-index:0; }

#tcm_banner .links a { font-size:12px; }