/*
 * #Base Styles
 */

html {
	height: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #777;
	text-align: left;
	font: 300 1em 'Source Sans Pro', serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

*,
*:after,
*:before {
	box-sizing: border-box;
}

body > header,
body > section,
body > footer {
	display: block;
	clear: both;
	width: 100%;
}

/*
 * Hidden email address
 */

.hiddenemail {
	color: #777;
}

.hiddenemail:after {
	content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}

.hiddenemail:hover {
	color: #000;
	cursor: pointer;
}

/*
 * IE11 scroll bar fix
 */

@-ms-viewport {
	width: auto !important;
}