/* General Setup */

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #000;
}
/* Responsive menu */

li.list-item {
  display: inline;
  padding-bottom: 1vw;
  margin: 0;
  border-bottom: 3px solid #ffd645 ;/* a changer*/
  color: #2fc1c1; /* a changer*/
  font-weight:bold;
}
li.list-item.selected {
  color: #000;
}
ul.mobile-nav li.selected {
  color: #000;
}
/* mobile menu */
span.nav-icon {
  position: fixed;
  top: 0;
  right: 3%;
  font-size: 42px;
  color: #ffe865 /*#ffa01e #000*/;/*a changer*/
  z-index: 9;
}

ul.mobile-nav {
  height: 0;
  width: 100%;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
  padding: 0;
  position: fixed;
  left: 0;
  top: -1%;
  z-index: 8;
}
ul.is-show {
  height: 150vw;
  z-index: 8;
}
ul.mobile-nav li {
  display: block;
  text-align: center;
  padding: 2vw 0 2vw 0;
  font-size: 20px;
  font-weight:400;
  z-index: 8;
  color: #000; 
  background-color: #fff;
}
.nav-icon,
.mobile-nav {
  display: none;
  cursor: pointer;
}

@media (max-width: 768px) {
  .nav-icon,
  .mobile-nav {
    display: block;
    height: auto;
    display: inline-block;
  }
  #menu {
    display: none;
  }
  #top{
background-color:#fff;
height:70px;
}
}
@media (max-width: 640px) {
  span.nav-icon {
    font-size: 42px;
    height: auto;
    display: inline-block;
  }
}
@media (max-width: 480px) {
  span.nav-icon {
    font-size: 42px;
    height: auto;
    display: inline-block; 
  }

}
@media (max-width: 320px) {
  span.nav-icon {
    font-size: 28px;
    height: auto;
    display: inline-block;
  }
  header {
    padding: 4vw 0 4vw 0;
  }
}