@charset "UTF-8";
/* CSS Document */
/* Here we start */
    nav {
		background-color: none;
      color: white;
      display: flex;
      justify-content: space-between;
	  margin-top: 100px;
	  padding-right: 10px;
    }

    nav ul {
      /* Make the markers disappear */
      list-style-type: none;
		margin-left: 40%;
		margin-right: 0;
		width: 60%;
		/*border: solid thin green;*/
    }

    nav ul li {
      display: inline-flex;
      margin: 0.3em 1em;
		font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
    }
@media (max-width: 1440px){
	
nav ul {
      /* Make the markers disappear */
      list-style-type: none;
		margin-left: 30%;
		margin-right: 0;
		width: 70%;
    }
}
@media (max-width: 1280px){
	
nav ul {
      /* Make the markers disappear */
      list-style-type: none;
		margin-left: 20%;
		margin-right: 0;
		width: 80%;
    }
}
@media (max-width: 1100px){
	
nav ul {
      /* Make the markers disappear */
      list-style-type: none;
		margin-left: 10%;
		margin-right: 0;
		width: 90%;
    }
}
    /* These two lines make the checkbox and the label disappear when we are in desktop mode. */
@media (max-width: 980px) {
	 /* Here is the magic: if the checkbox is not marked, the adjacent list is not displayed */
	nav {
	 background-color: none;
      display: flex;
      justify-content: space-between;
	  margin-top: 20px;
	  padding-right: 0;
	padding-left: 0;
    }
nav ul {
      /* Make the markers disappear */
      list-style-type: none;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
    }
nav ul li {
      /* Puts the elements in a single line */
     font-weight: 300;
	color: white !important;
	margin: 0.3em 0.3em;
    }
 nav ul li a {
		 color: white;
	 }
}
@media (max-width: 750px) {
	 /* Here is the magic: if the checkbox is not marked, the adjacent list is not displayed */
	nav {
	 background-color: none;
      display: flex;
      justify-content: space-between;
	  margin-top: -30px;
	  padding-right: 0;
	padding-left: 0;
    }
nav ul {
      /* Make the markers disappear */
      list-style-type: none;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
    }
nav ul li {
      /* Puts the elements in a single line */
     font-weight: 300;
	color: white !important;
	margin: 0.2em 0.2em;
    }
}