/* ### Basics ### */

h1, h1 a{
	font-size: 35px;
	color: #000000;
	text-decoration: none;
	transition: color .25s ease-in-out;
   -moz-transition: color  .25s ease-in-out;
   -webkit-transition: color  .25s ease-in-out;
}

h1 a:hover{
	color: #000000;
}

h2, h2 a{
	font-size: 22px;
	color: #000000;
	text-decoration: none;
	transition: color .25s ease-in-out;
   -moz-transition: color  .25s ease-in-out;
   -webkit-transition: color  .25s ease-in-out;
}

h2 a:hover{
	color: #000000;
}


/* ### Links ### */

.content p a{
	text-decoration: none;
	color: #000;
}

.content p a:hover{
	text-decoration: none;
	color: #DDD;

	transition: color .25s ease-in-out;
   -moz-transition: color  .25s ease-in-out;
   -webkit-transition: color  .25s ease-in-out;
}


/* ### Tools ### */

.fade{
	opacity: 1;
	transition: all .25s ease-in-out;
   -moz-transition: all  .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.fade:hover{
	opacity: .5;
}


/* ### layout ### */

.content p{
	margin-bottom: 15px;

}


/* ### Header ### */

.logo{
	width: 100%;
	max-width: 220px;
	height: auto;
}


/* ### Section ### */

.section{
	background-color: #FFF;
	padding: 50px 0px 50px 0px;
	display: table;
	width: 100%;

}

.section .container{
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0px  20px 0px 20px;
	box-sizing: border-box;
}

.section.grey_bg{
	background-color: #EEEEEE;
}