/* ==========================================================================
   Style
   ========================================================================== */

/* Typography */

html {
	background: #cfd8dc;
	color: #37474f;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4;
	font-family: 'Raleway', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 200;
	margin: 0 0 1em 0;
}

p {
	margin: 0 0 1em 0;
}

h1 {
	font-size: 3em;
}

/* Header */

.Header {
	padding: 2em 0;
	text-align: center;

}

.Header-title {
	margin: 0;
}

/*.Header-title--secondary {
	display: inline-block;
	padding-bottom: 1em;
	border-bottom: 1px solid #A8B3B8;

}*/

/* Main */

.Main {
	background-color: rgba(255,255,255,0.9);
	padding: 1.5em;
	margin-bottom: 1em;
}

.Main p:last-child {
	margin-bottom: 0;
}

/* Footer */

.Footer {
	text-align: center;
}

/* Button */

.Button-group {
	text-align: center;
}

.Button-group .Button:first-child {
	margin-right: 10px;
}

.Button {
	display: inline-block;
	text-decoration: none;
	color: #37474f;
	padding: 0.75em 1.5em;
	border: 1px solid #37474f;
	border-radius: 5px;
	-webkit-transition: background-color ease-in-out 300ms, color ease-in-out 300ms;
	transition: background-color ease-in-out 300ms, color ease-in-out 300ms;
}

.Button:focus,
.Button:hover {
	background-color: #37474f;
	color: #FFF;

}

.Logo {
	margin: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 500px;
	text-align: center;
	transform: rotate(-25deg);
	font-weight: 600;
	font-size: 250px;
	z-index: 100;
	opacity: 0.2;

}

/* A little structure */

.Wrapper {
	position: relative;
   max-width: 700px;
   margin: 0 auto; 
   padding: 0 1em;
   z-index: 101;
}