body {
	background:url(media/img/fff-bg-blur.jpg) top center no-repeat;
	background-size:cover;
	font-family: 'Roboto Condensed', sans-serif;
}
.fantasy-wordmark {
	background:url(media/img/fantasy-wordmark.png) 50% 50% no-repeat;
	background-size:contain;
	height:25%;
}
.fantasy-football-wordmark {
	background:url(media/img/ff-wordmark.png) 50% 50% no-repeat;
	background-size:contain;
	height:25%;
	width:100%;
	position:absolute;
	left:0;
	bottom:200px;
}
.login-wrapper {
	position:absolute;
	width:100%;
	bottom:10px;
	left:0;
}
.login-message {
	background:#fff;
	padding:20px;
	margin:10px auto;
	max-width:500px;
	width: 95%;
	border-radius:10px;
	
}

.app-wrapper {
	position:absolute;
	width:100%;
	left:0;
}

.app-message {
	background:#fff;
	padding:20px;
	margin:10px auto;
	max-width:500px;
	width: 95%;
	border-radius:10px;
	
}

body.body-leaderboard {
	background-image:url(media/img/fff-bg-blur.jpg);
	background-attachment:fixed;	
} 
h2 {
	padding:40px 0 20px;
	border-bottom:1px dashed rgba(0,0,0,0.1);
	font-family: 'Russo One', sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.1em;
}
h2.leaderHead {
	padding:0;
	text-align: center;
}
h3 {
	font-family: 'Russo One', sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 2em;
    background: #fff;
    padding: 0.25em;
    border-radius: 4px;
    margin-bottom: 0.5em;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
.center-message {
	text-align: center;
}


.fffWPHeader {
	display:flex;
	justify-content:space-between;
	padding-top:0.5em;
	margin-bottom:1.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	align-items:center;
}
.fffWPHeader .fffLogo {
	width:48px;
	height:48px;
}
.fffWPHeader .navWrapper {
	position:relative;
}
.fffWPHeader nav {
	display:block;
}
.fffWPHeader nav a {
	margin-left:1em;
	color:#fff;
	text-transform: uppercase;
	letter-spaceing:0.1em;
}
.fffWPHeader .hamburger {
	display:none;
	width:48px;
	height:48px;
}
.fffWPHeader .hamburger path {
	fill:#fff;
}

@media (max-width: 600px) {
	.fffWPHeader nav {
		display:none;
	}
	.fffWPHeader nav.open {
		display:flex;
		position:absolute;
		right:0;
		top:50px;
		width:200px;
		background:#ca489a;
		flex-direction: column;
	}
	.fffWPHeader nav a {
		padding:10px;
		border-bottom:1px dashed rgba(255,255,255,0.2);
		margin:0;
	}
	.fffWPHeader .hamburger {
    display:inline-block;
    cursor: pointer;
	}

}