@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Quicksand');
/* algemene styles*/

* {
	box-sizing: border-box;
	list-style-type: none;
	text-decoration: none;
}

body {
  font: 100% "Oswald", 'Quicksand','Open-sans', 'Geneva', Sans-serif;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
	background-color: black;
}

header {
	background-color: #000;
	background-image: url(../images/hero.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:right;
	height: 100vh;

}

.container {
	margin: 0 auto;
	width: 1024px;
}

.wrapper {
  width: 100%;
  max-width: 1024px;
  background: #fff;
  padding: 100px 50px;
  position: relative;
  box-shadow: 0.5rem 0.5rem 2rem 0 rgba(0, 0, 0, 0.2);
}

.divider{
	clear: both;
	margin-top: 40px;
	margin-left: 25%;
	width: 50%;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

/* ###### heading ######*/

h1,h2 {
	font-family: 'Oswald', 'Open-Sans', 'Geneva', Sans-serif;
	font-weight: normal;
	text-transform: uppercase;

}

h1{
	font-size:5em;
}

h2{
	font-size: 2em;
}

h3,h4,h5,h6{
	font-family: 'Quicksand', 'Open-Sans', 'Geneva', Sans-serif;
	font-size: 1.35em;
}

p{
	font-family: 'Quicksand', 'Open-Sans', 'Geneva', Sans-serif;
	letter-spacing: .08em;
}

/* ###### buttons algemeen ######*/
.ContactButton {
	width: 20%;
	margin: 40px 0 40px 40%;
	margin-left: 40%;
	font-family: 'Oswald', 'Open-Sans', 'Geneva', Sans-serif;
	font-size: 1.6rem;
	text-align: center;
	border: thin solid #499AA6;
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
.ContactButton a {
	color: #07d8f7;
	border-radius: 5px;
	text-decoration: none;
	display: block;
}
.ContactButton:hover, .ContactButton a:hover {
	transition: 500ms;
	color: #FFFFFF;
	background-color: #499AA6;
	border-radius: 5px;
}