Website

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Organic Clothes</title>
    <style>
        body {margin:0px;
        font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}
        .header {display:flex;
        justify-content: space-between;
        align-items: center;
        background-color:white;
			color:white;}
		.header img {width:100%;}
        .header a {margin-right:10px;}
        .nav {background-color:lightsteelblue;
        padding:10px;
        display:flex;
        justify-content: space-around;}
        .nav a {color:white;
        text-decoration:none;}
        .nav a:hover {color:black;}
        .main {display:flex;
        margin-top:50px;}
        .left, .right {padding:10px;
        }
        .main img {float:left;
        margin-right:10px;}
        .instagram p {text-align: center;color: lightsteelblue;text-decoration:inherit;}
		.gallery img {width:25%;

		}
		.gallery {width:100%;
					}
	</style>
</head>

<body>
    <div class="wrapper">
        <div class="header">
                <img alt="main logo" src="http://placehold.it/850x300" />
                  </div>
        <div class="nav">
                <a href="#">Link 1</a>
                <a href="#">Link 2</a>
                <a href="#">Link 3</a>
				<a href="#">Link 4</a>
				<a href="#">Link 5</a>
  		 </div>


    <div class="Instagram">
            <p>Instagram</p>
    </div>


	<div class="gallery">

			   	<img src="img/placeholder.gif"/>
		<img src="img/placeholder.gif"/>
		<img src="img/placeholder.gif"/>
		<img src="img/placeholder.gif"/>


     </div>


    </div>
    </body>
</html>