@media (min-width: 410px) {}

@media (min-width: 768px) {

	/* TYPOGRAPHY
	-------------------------------------------------- */

	h1, h2, h3, h4, h5, h6{
		margin: 0 0 40px;
	}
	h1 {
		line-height: 1.4em;
		font-size: 3em;
	}
	
	p {
		line-height: 1.6em;
		font-size: 1.6em;
		margin: 0 0 64px;
	}

	/* BUTTONS
	-------------------------------------------------- */

	a:focus,
	a:hover,
	a:active {
		text-decoration: none;
		outline: none;
		color: #999;
	}
	
	.btn {
		display: inline-block;
		margin: 0 20px 0 0;
	
		line-height: 1.2em;
		padding: 16px 32px;
		font-size: 1em;
	}
	.btn:hover {
		transform: scale(1.05);
		color: #FFF;
	}
	.btn.primary:hover {
		color: #000;
	}
	aside .btn:last-child {
		margin: 0;
	}

	/* FLOATING HEADER
	-------------------------------------------------- */

	header {
		right: 40px;
		left: 40px;
		top: 40px;
	}
	
	.logo {
		height: 180px;
		width: 180px;
	}

	/* SOCIAL LINKS
	-------------------------------------------------- */

	ul.social {
		position: fixed;
		bottom: 64px;
		right: 64px;
		margin: 0;
	}

	/* CONTENT AREA
	-------------------------------------------------- */

	.content {
		padding: 240px 72px;
		align-items: center;
	}

	.border-l,
	.border-r {
		bottom: 40px;
		top: 40px;
		left: 40px;
	}
	.border-r {
		left: auto;
		right: 40px;
	}
	.border-t,
	.border-b {
		right: 40px;
		left: 40px;
		top: 40px;
	}
	.border-b {
		top: auto;
		bottom: 40px;
	}

	.icon:hover {
		transform: scale(1.15);
	}


	/* BLIZZARD-SPECIFIC NOTE
	-------------------------------------------------- */
	
	.blizzard-note {
		position: fixed;
		font-size: 1.1em;
		bottom: 68px;
		left: 80px;
		margin: 0;
	}
}

/* Large devices (large desktops, 1280px and up) */
@media screen and (min-width: 940px) {}

/* Extra Large Devices (Extra large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {}