* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #272526;
	font-family: 'Raleway', sans-serif;
	font-size: 12pt;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.fclear:after {
	content: "";
	display: table;
	clear: both;
}

div.container {
	max-width: 1398px;
	width: calc(100% - 10px);
	margin: 0 auto;
}

article {
	float: left;
}

section {
	width: 100%;
	margin-top: 10px;
}

section:first-child {
	margin-top: 0px;
}

section > img#logo {
	display: block;
	margin: 0 auto;
}

section.introduction,
section.contact {
	background-color: #FFF;
	padding: 4px 0;
}

section.projects {
	overflow-x: hidden;
}

.overview {
	width: calc(100% + 15px);
}

article {
	width: calc((100% - 15px) / 3 - 10px);
	min-width: 400px;
	margin: 4px 15px 4px 0px;
}

article > img {
	display: block;
	width: 100%;
}

article > h2 {
	display: block;
	background-color: #FFF;
	text-align: center;
	padding: 4px 0;
}

section.contact {
	text-align: center;
}

section.contact a {
	color: inherit;
}