/* 2 Column layout*/
.flex_design{
	display: flex;
}

/*Header CSS*/
header{
	border:	10px solid blue;
	margin:0px;
	height: 150px;
	padding:20px;
	background-color:#bbe0ed;
	font-family: "Verdana", "Sans-serif";
	font-size:20px;
	color:blue;
}

.w3-sidebar {
  z-index: 3;
  width: 250px;
  bottom: 0;
  height: 400px;
  transition: left .4s;
}




/*Navigation CSS*/
nav {
	border: 10px solid blue;
	width: 25%;
	margin:10px;
	padding:5px;
	background-image: url("chrisfroomelapresse.jpg");
	font-family: "Verdana", "Sans-serif";
	height: 400px;
}

/*Main CSS. Where all our content will go*/
main {
	border: 10px solid blue;
	width: 75%;
	margin:10px;
	padding:5px;
	background-color:#bbe0ed;
	font-family: "Verdana", "Sans-serif";
	overflow: auto; 
	height: 400px;

}

/*Footer CSS*/
footer {
    border: 10px solid blue;
	margin:10px;
	height: 150px;
	padding:5px;
	background-color:#bbe0ed;
	font-family: "Verdana", "Sans-serif";
}

ul {
	list-style-type: none;
}