/*
 * Description: Modern Company
 * Author: Simon Souris
 * Version: 2.0
 */
 
 /* #Index
================================================== */
/*  1. Structure
	2. Typo
	3. Hacks
	4. Media Queries  */
	
/* #Structure
================================================== */

body {
	background: #fff;
	color: #999;
}

a {
	color: #000;
	text-decoration: none;
	transition: all 0.3s ease-out;
}

a:hover {
	background: #ffff99;
	color: #000;
}

ul#icons {
	list-style-type: none;
	padding-left: 0;
}

ul#icons li {
	float: left;
	margin-right: 24px;
}

ul#icons li a {
	font-size: 24px;
}


/* #Typo
================================================== */

h1 {
	color: #000;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 56px;
	font-weight: 900;
	margin-top: 80px;
}

h2 {
	color: #999;
	font-family: 'PT Serif', Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	font-style: italic;
}


/* #Hacks
================================================== */

/* Snipets */

.mt0 { margin-top: 0; }
.mb0 { margin-bottom: 0; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.pb20 { padding-bottom: 20px; }
.pb40 { padding-bottom: 40px; }
.pt20 { padding-top: 20px; }

/* Fixes */

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

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

@media screen and (max-width: 768px) {
	/* */
}