/* Bepaling van uiterlijk algemeen */

*{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif
}

html{
	height: 100vh;
}

body {
	background: #F2F2F0;
	height: 100%;
}

nav{
	background: #2E3B58;
	width: 100%;
}

main{
	background: #5E778C;
}

/* Bepaling van uiterlijk flex */

.absolute{
	position: absolute;
}

.flex-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.flex-item{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.center{
	height: 100%;
	display: flex;
	align-self: center;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.imgcontainer{
	width: 100%;
	height: 100%;
	background-color: red;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0
}

.textcontainer{
	background-color: rgba(255,255,255,0.8);
	z-index: 0;
	padding: 1em;
}

/* Bepaling van uiterlijk landingpage specifiek */

.landing{
	height: 100vh;
	width: 50vw;
}



@media(max-width: 600px){
	.landing{
		height: 50vh;
		width: 100vw;
	}
}

@media(max-width: 600px){
	.center{
		height: 50%;
	}
}
/* Bepaling van tekststijlen */

p, h1, h2, h3, h4, h5, h6{
	z-index: 50
}