@charset "utf-8";
/* CSS Document voor Plantenshop project*/
@font-face {
font-family: "Oswald-Regular";
src: url("../fonts/Oswald-Regular.ttf");
}

@font-face {
font-family: "Oswald-Bold";
src: url("../fonts/Oswald-Bold.ttf");
}

@font-face {
font-family: "Oswald-Light";
src: url("../fonts/Oswald-Light.ttf");
}

body {
	font-family:Oswald-Regular, Arial, sans-serif;
	font-size: 100%;  /* 1em = 16px */
	width: 50%;
	margin:0;
	padding:0 25%;

	
}
div {
	margin:0;
	padding:0;
}

.wrapper {
	width:100%;
	margin: 0 auto;
	padding:0;
	outline:none;
	border:none;
	background-image: url("../img/achtergrond.png");
	background-repeat: no-repeat;
	background-size: cover;
}



.midden h2 {
	font-size:1.5rem;
	color:white;
	background: #5555f2;
	text-align: center;
}

.sectie {
	text-align: center;
	background: rgba(128, 128, 128, 0.5);
	overflow: auto;
}

.sectieLinks {
	float:left;
	width: 25%;
}

.sectieLinks img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5rem;
	margin-bottom: auto;
	width: 50%;
}

.sectieMidden {
	float:left;
	width: 50%;
}

.sectieMidden p {
	text-align: center;
	margin-top: 2rem;
}

.sectieRechts {
	float: left;
	width: 25%;
	margin-top: 1rem;
	margin-bottom: auto;
}

.sectieRechts img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 12.5%;
}

.header {
	font-family:Oswald-Regular, Arial, sans-serif;
	padding:0.5rem 2rem;
	text-align: center;
}
.footer {
    padding: 0.125rem 0;
	text-align: center;
	font-size: 1rem;
}

.footer p {
	background: black;
	padding: 0.125rem 0;
	color: white;
}
.header h1 {
	font-size:3rem;
	color:black;
	margin:0 0;
	font-family: Oswald-Bold, "Arial narrow", Arial, sans-serif;
}
.header p  {
	font-size: 1rem;
	font-style: italic;
	color: #615d82;
}





.cf {
    clear:both
}
/*clearfix hack*/
.clearFix::before, 
.clearFix::after {
    content: " ";
    display: table;
}
.clearFix::after {
    clear: both;
}
/* enkel voor IE6/7 */
.clearFix {
    *zoom: 1;
}