html {
	height: 100%;
}

body {
	background-image:url('12bg.jpg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	font-family: 'Quicksand', sans-serif;
}

.header {
	height: 46px;
	padding: 30px 30px 0 30px ;
}

#toplogo {
	max-height: 46px;
	float: left;
}

#headerright {
	float: right;
	color: #fff;
	font-size: 16px;
}

#headerright a {
	color: #fff;
}

#headerright img {
    margin: 0 5px 0 10px;
    vertical-align: text-bottom;
}

#headerright .header_newline1, #headerright .header_newline2 {
	display: none;
}

.centered {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
}

#counter, #seconds-away, #link-url {
	font-size: 180px;
	color: #fff;
	text-align: center;
	line-height: 1em;
}

#seconds-away, #link-url {
	font-size: 72px;
}

#buttons {
	margin: 20px 0 0 0;
	text-align: center;
}

#linkme_button {
	display: inline-block;
	background-color: #fff;
	color: #000;
	padding: 10px;
	margin: 0 10px 10px;
	text-decoration: none;
	font-weight: bold;
}

#about_button {
	display: inline-block;
	background-color: #000;
	color: #fff;
	padding: 10px;
	margin: 0 10px;
	text-decoration: none;
	font-weight: bold;
}

@media all and (max-width: 1024px) {
	#counter {
		font-size: 92px;
	}

	#seconds-away, #link-url {
		font-size: 56px;
	}
}



@media all and (max-width: 480px) {
	.header {
		text-align: center;
	}

	#toplogo {
		float: none;
	}

	#headerright {
	    float: none;
		margin: 10px 0 0;
		text-align: center;
		clear: both;
	}

	#counter {
		font-size: 72px;
	}

	#seconds-away, #link-url {
		font-size: 36px;
	}
}