sup {
	vertical-align: super;
    font-size: 0.6em;
}

#statistics {
	width:100%;
	padding-bottom:34%;
	text-align:center;
}

#first_stat, #second_stat {
	width:49%;
	background-size:100%;
	float:left;
	padding-bottom:31%;
	position:relative;
	background-repeat: no-repeat;
}

#first_stat {
	background-image:url("../images/first_stat_bg.png");
	background-position: left top;
}

#second_stat {
	margin-left:2%;
	background-image:url("../images/second_stat_bg.png");
	background-position: right top;
}

#first_stat_copy_mobile, #second_stat_copy_mobile {
	display:none;
}

#first_stat_copy_desktop, #second_stat_copy_desktop {
    position: absolute;
    font-size: 30px;
    line-height: 36px;
    color: #ffffff;
}

#first_stat_copy_desktop {
    max-width: 260px;
    top: 10%;
    right: 1%;
}

#second_stat_copy_desktop {
	max-width:280px;
	top:15%;
	right:5%;
}

.ratio {
	font-size:120px;
	line-height:100px;
	font-family:"ProximaNovaBold";
}

.ratio_middle {
	vertical-align:super;
}

.stat_seconds {
	font-size:50px;
	font-family:"ProximaNovaBold";
	line-height:60px;
}

#statistics span.bold {
	font-family:"ProximaNovaBold";
}

.stat_disclaimer {
	position:absolute;
	bottom:-20px;
	width:100%;
	color:#777777;
	font-size:11.5px;
	font-family:"ProximaNovaLight";
}


@media screen and (max-width: 1250px) {

	#first_stat_copy_desktop, #second_stat_copy_desktop {
		font-size:26px;
		line-height:30px;
	}
	#first_stat_copy_desktop {
		max-width:240px;
		right:5%;
	}

	.ratio {
		font-size:96px;
		line-height:80px;
	}
	.stat_seconds {
	    font-size: 45px;
	    line-height: 55px;
	}
}

@media screen and (max-width: 1000px) {

	#first_stat_copy_desktop {
		max-width:190px;
		top:10%;
	}

	#second_stat_copy_desktop {
		max-width:210px;
		top:12%;
	}

	#first_stat_copy_desktop, #second_stat_copy_desktop {
		font-size:20px;
		line-height:24px;
	}

	.ratio {
		font-size:48px;
		line-height:48px;
	}

	.stat_seconds {
		font-size:32px;
		line-height:40px;
	}


	.stat_disclaimer {	
		font-size:10px;
	}
}

@media screen and (max-width: 780px) {
	
	#statistics {
		padding-bottom:0px;
	}

	#first_stat, #second_stat {
		width:100%;
		background-size:100%;
		padding-bottom:32%;
		float:none;
		margin-bottom:10px;
	}

	.stat_disclaimer {
		font-size:12px;
		bottom:0px;
	}

	#first_stat {
		background-image:url("../images/first_stat_mobile.png");
	}

	#second_stat {
		margin-left:0%;
		background-image:url("../images/second_stat_mobile.png");
		background-position: left top;
	}

	#first_stat_copy_desktop, #second_stat_copy_desktop {
		display:none;
	}

	#first_stat_copy_mobile, #second_stat_copy_mobile {
		font-family:"ProximaNovaRegular";
		display:block;
		color:#ffffff;
		position:absolute;
		width:350px;
		right:0px;
		top:7%;

		font-size:20px;
		line-height:24px;
	}

	
}


@media screen and (max-width: 570px) {

	#first_stat_copy_mobile, #second_stat_copy_mobile {
		width:250px;
		top:9%;

		font-size:14px;
		line-height:16px;
	}

	.ratio {
		font-size:32px;
		line-height:32px;
	}

	.stat_seconds {
		font-size:24px;
		line-height:26px;
	}

	.stat_disclaimer {
		font-size:11px;
	}

}

@media screen and (max-width: 399px) {

	#statistics {
		margin-top:7px;
	}

	#first_stat_copy_mobile, #second_stat_copy_mobile {
		top:10%;
		font-size:13px;
		line-height:15px;
		width:230px;
	}

	.ratio {
		font-size:26px;
		line-height:26px;
	}

	.stat_seconds {
		font-size:18px;
		line-height:20px;
	}

	.stat_disclaimer {
		font-size:10px;
	}
}

@media screen and (max-width: 359px) {
	#first_stat_copy_mobile, #second_stat_copy_mobile {
		top:7%;
	}

	.ratio {
		font-size:24px;
		line-height:24px;
	}

	.stat_seconds {
		font-size:18px;
		line-height:20px;
	}
}