@charset "utf-8";

a {
	color:#edb800;
	text-decoration:none;
}

a:link,
a:visited {

}

a:hover {
	color:#edb800;
	text-decoration:underline;
}

h1 {
	visibility:hidden;
	text-indent:-9999px;
}
p {
	padding-top:.25em;
	padding-bottom:.75em;
	line-height:1.5em;
}
#logo {
	text-align:center;
}
#wrapper {
	max-width: 740px;
	min-width: 260px;
	margin:auto;
}
#description {
	max-width:280px;
	padding-bottom:1em;
	float:left;
}
.mainlogo {
	border:0;
	width:100%;
	margin:auto;
	max-width:320px;
}
#html5BadgeWrapper {
	margin:auto;
	text-align:center;	
}
.html5badge {
	padding:1em 0em;
	border:0;
	width:100%;
	max-width:357px;
}
#shares {
	margin:auto;
	margin-bottom:10px;
	text-align:left;
	max-width:270px;
	float:left;
	height:300px;
	overflow-y: auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
}

#copyright {
	font-size:.75em;
	color:#999;
	margin:auto;
	margin-bottom:10px;
	text-align:center;	
}
body {
	margin:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #777;
}

.clearfloats {
	clear:both;
}

#clients {
	float:left;
	margin-left:20px;
	width:150px;
	padding-bottom:1em;
}

h3 {
	font-size:1.3em;
	font-weight:normal;
	color: #333;
}

ul {
	padding: .25em 0em;
}

li {
	line-height:1.75em;
}

@media only screen and (max-width: 767px) {
	#description {
		float:none;
		text-align:center;
		max-width:400px;
		margin:auto;
	}
	#clients {
		float:none;
		margin-left:20px;
		width:auto;
		max-width:400px;
		margin:auto;
		padding-bottom:1em;
		text-align:center;
	}
	#shares {
		margin:auto;
		margin-bottom:10px;
		text-align:center;
		max-width:400px;
		float:none;
		height:auto;
		overflow-y: auto;
		overflow-x: auto;
	}
}