/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}

/* ================================================== */

.container {
	padding-top: 120px;
}

body {
	font-family: 'Alef', sans-serif;
}

body {
	background: #222;
	color: #ccc;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Carrois Gothic SC', sans-serif;
	color: #d7d7d7;
}

h1 {
	font-size: 32px;
	line-height: 36px;
    text-transform: lowercase;
}

em {
	font-style: normal;
	color: #05dbf2;
}

header .icon {
	margin-top: 3px;
}

.icon {
	width: 32px;
	height: 32px;
}

a.icon {
	display: inline-block;
	text-indent: -9999em;
}

.icon-in {
	background: url('../img/icons/32/in.png') no-repeat 0 0;
}
.icon-in:hover {
	background: url('../img/icons/32/in.png') no-repeat -32px 0;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.icon-in {
		background-image: url('../img/icons/64/in.png');
	}
	.icon-in:hover {
		background-image: url('../img/icons/64/in.png');
	}
	.icon ,
	.icon:hover{
		background-size: 64px 32px;
	}
}