	html,body {
		margin:0;
		padding:0;
		border:none;
		font-family: 'Open Sans';
		font-family: 'Roboto';
		/*background-color: #121212;*/
	}
	
	h1,h2,h3,h4,h5,h6 {
		font-family: 'Roboto';
		font-weight: 400;
		/*color: #fff;*/
	}
	
	h2 {
		font-size:20px;
		font-family:'Roboto';
		/*opacity:0.4;*/
	}
	.normal-h2 {
		font-size:30px;
		opacity:1;
	}
	
	.metrix_result {
		font-family: 'Concert One';
		font-family: 'Inknut Antiqua';
		font-family: 'Oswald';
		font-size:26px;
	}
	
	.header .logo {
		font-size:28px;
		color:#fff;
	}
	
	
	.header .heading {
		padding: 0px;
		margin:0px 0px 10px;
		font-size: 24px;
		font-family:'Roboto';
		vertical-align:middle;
		color:#fff;
	}
	
	@media (max-width:768px) {
		.header .logo {
			font-size: 22px;
		}
		
		.header .heading {
			padding:13px 0px 5px;
			font-size: 18px;
		}
	}
	
	
	li,p {
		font-family: 'Roboto', sans-serif;
		/*color: #fff;*/
	}
	
	li {
		text-align:justify;
		line-height:26px;
		font-size:16px;
		margin-bottom:5px;
	}
	
	div.meter {
		display:inline-block;
		height:300px;
		width:400px;
		text-align: center;
		font-size:6vw;
	}
	
	div#testArea {
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
	}
	
	a {
		text-decoration: none;
	}
	
	.button {
		display: inline-block;
		margin: 10px 5px 0 2px;
		padding: 16px 40px;
		border-radius: 5px;
		font-size: 18px;
		border: none;
		background: #34aadc;
		color: white;
		cursor: pointer;
		text-transform: uppercase;
		font-weight: 700;
		font-family: 'Roboto';
	}
	
	#ip {
		margin:1em 0;
		font-size:1.2em;
	}
	
	.hidden {
		display:none;
	}
	
	.sizer {
		width:100%;
	}
	
	
	#startBtn {
		color: #fff;
		background-color:#bd1f24;
		font-family:Roboto;
		width:120px;
		
		margin-top:50px;
		margin-bottom:50px;
		
		height:120px;
		padding-top:33px;
		border-radius:100%;
		border: 1px solid #bd1f24;
		box-shadow: 0px 0px 6px 1px #bd1f24;
		
		display:inline-block;
		
		font-family: 'Roboto';
		font-size:36px;
		text-decoration:none;
	}
	
	#startBtn:focus,
	#startBtn:active,
	#startBtn:hover {
		box-shadow: 0px 0px 15px 1px #999;
	}
	
	.navbar-right a {
		font-family:Roboto;
	}
	
	.navbar-right a:hover {
		color: #fff!important;
	}
	
	.footer-link {
		color:inherit;
		text-decoration:underline;
	}
	
	.navbar.navbar-default li {
		margin-bottom:0px;
	}
	
	.navbar.navbar-default li a {
		color: #c72429;
		font-size:16px;
	}
	
	.navbar.navbar-default li a:hover {
		color: #c72429!important;
		background-color: rgba( 255, 255, 255, 0.1 );
	}
	
	.navbar-brand {
		padding: 10px 15px;
	}
	
	
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #c72429;
	}
	
	
	.navbar-default .navbar-toggle {
		border-color: #c72429;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		margin-top: 30px;
	}
	
	.navbar-toggle {
		margin-top: 22px;
	}