html, body {
	margin  					: 0;
	padding						: 0;
	
	-webkit-text-size-adjust	: none;
	-moz-text-size-adjust		: none;
	-o-text-size-adjust			: none;
	text-size-adjust			: none;
	
	-webkit-user-select			: none;
	-moz-user-select			: none;
	-o-user-select				: none;
	user-select					: none;
	
	-webkit-tap-highlight-color	: rgba(0,0,0,0); 
	-webkit-touch-callout		: none;
	
	 font-family				: Georgia, Times, 'Times New Roman';
	 color						: #1a1a1a;
	 
	 -webkit-font-smoothing	 	: antialiased;
	 -moz-osx-font-smoothing	: antialiased;
}

button {
	margin				: 0;
	padding				: 0;
	border				: 0;
	outline				: none;
	background			: none;
	color				: inherit;
	font				: inherit;
	line-height			: normal;
	overflow			: visible;
	-webkit-appearance	: none;
	appearance			: none;
}

button::-moz-focus-inner {
    border	: 0;
    padding	: 0;
}

ul, li {
	margin 		: 0;
	padding 	: 0;
	list-style	: none;
}

li {
	display : inline-block;
}

#viewbox {
	position 	: absolute;
	left		: 0;
	right		: 0;
	top			: 0;
	bottom		: 0;
}

header {
	position 	: relative;
	height 		: 60%;
}

header .logo {
	position 		: absolute;
	top				: 0;
	left			: 0;
	right			: 0;
	bottom 			: 90px;
	padding-top		: 40px;
}

header .logo img {
	margin	: 0 auto;
	display : block;
	height	: 100%;
}

header .forever {
	position 			: absolute;
	left				: 0;
	right				: 0;
	bottom				: 0;
	height				: 50px;
	padding-top			: 20px;
	padding-bottom		: 20px;
}

header .forever img {
	margin	: 0 auto;
	display : block;
	height	: 100%;	
}

main {
	position 	: relative;
	height 		: 40%;
}

main .counter-tabs {
	position	: absolute;
	top			: 0;
	left		: 0;
	right		: 0;
	z-index		: 2;
	height 		: 40px;
	text-align	: center;
}

main .counter-content {
	position		: absolute;
	left			: 0;
	right			: 0;
	top				: 39px;
	bottom			: 0;
	z-index			: 1;
	text-align		: center;
	border-top		: 1px solid #1a1a1a;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

main .counter-tabs ul {
	height : 40px;	
}

main .counter-tabs ul li {
	height : 100%;
}

main .counter-tabs ul li button {
	cursor 					: pointer;
	min-width				: 100px;
	font-size				: 13px;
	line-height				: 13px;
	height					: 100%;
	text-transform 			: uppercase;
	letter-spacing			: 1px;
	border					: 1px solid transparent;
	border-top-left-radius	: 4px;
	border-top-right-radius	: 4px;
}

main .counter-tabs ul li button.active {
	cursor				: default;
	border				: 1px solid #1a1a1a;
	border-bottom		: 1px solid #fff;
}

main .counter-content > table,
main .counter-content > table > tbody,
main .counter-content > table > tbody > tr,
main .counter-content > table > tbody > tr > td {
	width	: 100%;
	height 	: 100%;
}

#counter .box {
	padding				: 10px;
	border-right 		: 1px solid #eee;
}

#counter .box:last-child {
	border-right : none;
}

#counter .number {
	display			: block;
	font-family 	: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-weight		: 600;
	font-size		: 58px;
	line-height		: 58px;
	width			: 120px;
	text-align		: center;
}

#counter .label {
	margin-top		: 4px;
	display			: block;
	font-size 		: 9px;
	line-height		: 9px;
	text-transform	: uppercase;
	text-align		: center;
}

@media only screen and (max-width:735px)
{	
	header .logo {
		bottom 			: 85px;
		padding-top		: 20px;
	}
	
	header .forever {
		height			: 45px;
		padding-top		: 20px;
		padding-bottom	: 20px;
	}

	#counter .box {
		padding				: 2%;
		width 				: 20%;
		-webkit-box-sizing	: border-box;
		-moz-box-sizing		: border-box;
		box-sizing			: border-box;
	}
	
	#counter .number {
		font-size 	: 32px;	
		line-height	: 32px;
		width		: auto;
	}
	
	#counter .label {
		font-size 	: 6px;
		line-height	: 6px;	
	}
}