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



/* ======= CONTENT ==================================== */


nav.header-menu {
	position: absolute;
	width: 100%;
}

nav.header-menu ul li {
	display: inline-block; /* you don't understand this, but makes the menu horizontal*/
	margin-top: 15px;
}

nav.header-menu ul li a {
	margin-right: 0;
	margin-left: 0;	
}

/* bellow is the left menu */
nav.header-menu ul.menu-left {
	list-style: none outside none; /*list-style: none = is getting rid of the bullet points*/
 	float: none;
 	position: absolute;
  	left: 50%; /* this somehow makes the menu centered */
  	transform: translate(-50%, -50%); /* this somehow makes the menu centered */
  	margin-top: 12px;
  	margin-left: 0;
  	}

nav ul li a.adela {
	margin-right: 0;
	margin-left: 0;
	}

/* bellow is the right menu */
nav ul.menu-right {
	list-style: none outside none;
	float: none;
 	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	margin-top: 25px;
	margin-right: 0;
	width:100%;
	text-align: center;
}

nav ul li a.list {
	margin-right: 0;
	margin-left: 0;
	}

nav ul li a.instagram {
	margin-right: 0;
	margin-left: 10px;
	}
	
	
nav ul li a.contact {
	margin-right: 0;
	margin-left: 10px;
	}


nav.list_recent {
	position: fixed;
	width: 70%;
	display: block;
	float:left;
	margin-left: 5%; 
	margin-top: 23%; 
}

nav.list_archive{
	position: fixed;
	width: 70%;
	display: block;
	float:left;
	margin-left: 5%; 
	margin-top: 75%; 
}