/*@charset "utf-8";*/
/* CSS Document */

/*
font-family: 'Quicksand', sans-serif;
pink: #FD9889
Grey: #303030
*/
/*algemeen*/
h2{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 30px;
}
p{
	font-size: 20px;
	line-height: 30px;
	color: #303030;
}
.green{
    color: greenyellow;
}
body{
	font-family: 'Quicksand', sans-serif;
}
#wrapper{
	display: block;
	width: 1000px;
	height: 500px;
	margin:0px auto;
}
/*navigation*/
#navigation{
	display: block;
	width: 1000px;
	height: 60px;
	line-height: 60px;
}
#navigation ul{}
#navigation ul li{
	float: left;
	margin-right: 20px;
}
#navigation ul li a{
	color: #303030;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}
#navigation ul li a.active{
	color: pink;
	text-decoration: underline;
}
#header{
	display: block;
	width: 1000px;
	height: 500px;
	background-color: blue;
	background: url("pen.png");
	background-size: cover;
	line-height: 300px;
	text-align: center;
	
}
#header h1{
	font-size: 50px;
	font-weight: 700;
	color: black;	 
}
.white{
		background-color: white;  
}
#about {
	display: block;
	width: 800px;
	margin: 100px;

}
.categories{
	display: block;
	width: 300px;
	
	float: left;
	text-align: center;
}
.marge {
	margin-right: 50px;
}
.categories img{
	width: 300px;
}
#category{
	display: block;
	width: 1000px;	
}
#outfit{
	clear:both;
	display: block;
	margin: 100px;
	width: 800px;
	text-align: center;
}
#outfit a{
	background-color: green;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 30px;
	color: white;
	padding: 5px;
}

#footer{
	clear:both;
	display: block;
	width: 1000px;
	text-align: center;
	background: green;
}
#footer h2{
	color: white;
}