#menu {
    float: right;
    padding-right:18px;
  /*  color: #ffffff; */
}

#menu a {
    font-size: 1em;
    color: #ffffff;
    float: left;
    margin: 10px 8px 5px 8px;
    padding-bottom:3px;
    text-shadow:3px 3px 3px #000000;
    text-decoration: none;
}
#menu a:hover {
    border-bottom: 5px solid #ffea00;
     color: #eaeaea;
}

.active_button {
    border-bottom: 5px solid #ffea00;
}
.non_active_button {
    border-bottom: 5px solid #000000;
}

#menu ul {
  padding:0;
  margin:0;
}
#menu div {
    float:right;
}

.items li {
  list-style: none;
  display:inline;
  padding-right: 0;
  width:100%;
  margin: 0 auto;
}

.icon {
  
  cursor: pointer;
  display: none;
  width:40px;
  height:40px;
  margin:3px;
  /*color: #fff;
  font-size:24px;
  text-shadow: 3px 3px 3px #000000;*/
      background: url(../images/menu.png);
    background-size:cover;
}

.showitems {
  display:block !important;
}

.content {
  padding: 15px 0;
  width:60%;
  margin: 0 auto;
  line-height:22px;
}

@media screen and (max-width: 900px) {
  .icon {
     display:block; 
  }
   .items {
    display:none;   
  }
  .items li {
    display:table;
    padding:10px 0;
  }
    #menu a {
        font-size: 1.1em;
        margin: 3px 8px 3px 8px;


    }
}