/*menu*/
.header {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  transition: 200ms all;
  height: 2rem;
}

.header nav#normal {
  display: inline-block;
  margin-top: 3px;
  margin-left: -1.5%;
}

@media screen and (max-width: 1340px) {
  .header nav#normal {
    display: none;
  }
}

.header nav#normal ul {
  margin: 0;
  padding: 0;
  transition: all 300ms;
  display: inline-block;
}

.header nav#normal ul li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  position: relative;
  transition: all 300ms;
}

.header nav#normal ul li a {
  height: 3.5rem;
  display: inline-block;
  padding: 1.27rem;
  float: left;
  min-width: 12rem;
  text-align: center;
  font-size: 1.4rem;
  color: #919191;
  margin: 0 1px 0 0;
  text-decoration: none;
  font-weight: 300;
  transition: all 300ms;
  font-family: "Roboto", sans-serif;
}

.header nav#normal ul li:hover > a {
  color: #dedede;
}

.header nav#normal ul li ul {
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transition: 300ms all;
  max-height: 0;
}

.header nav#normal ul li ul li {
  border-bottom: 1px solid #8c1e31;
}

.header nav#normal ul li:hover > ul {
  max-height: 700px;
}

.header nav#mobile {
  color: #222;
  display: none;
  margin-top: 15px;
}
@media all and (max width: 499px) {
  .header nav#mobile {
    color: #222;
    display: none;
    margin-left: 0;
    margin-top: 15px;
  }
}

@media screen and (max-width: 1340px) {
  .header nav#mobile {
    display: block;
  }
  #headerinnen {
	  display: block;
  }
}

.header nav #menu {
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  cursor: pointer;
  font-weight: 300;
  transition: all 500ms;
  font-family: "Roboto", sans-serif;
  z-index: 2600;
  width: 40px;
  height: 35px;
  margin-top: 7px;
}

.header nav#mobile ul {
  width: 100%;
  margin: 0;
  padding: 0;
  max-height: 0;
  transition: all 500ms;
  overflow: hidden;
  float: right;
  margin-top: 15px;
}

.header nav#mobile:hover > ul {
  max-height: 800px;
}

.header nav#mobile ul li {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  list-style: none;
  position: relative;
  transition: all 500ms;
}

.header nav#mobile ul li a {
  display: inline-block;
  padding: 1rem;
  border-bottom: 1px solid #fff;
  margin: 0 auto;
  min-width: 12rem;
  width: 90%;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  transition: all 500ms;
  font-family: "Roboto", sans-serif;
  width: 40px;
  background: #4e4d4f;
}

.header nav#mobile ul li:hover > a {
  color:
}

.header nav#mobile ul li ul {
  width: 100%;
  transition: all 500ms;
  max-height: 0;
  overflow: hidden;
}

.header nav#mobile ul li ul li {
  transition: all 500ms;
}

.header nav#mobile ul li ul li a {
  background: #444;
}

.header nav#mobile ul li:hover > ul {
  max-height: 500px;
}
@media only screen and (max-width: 1280px) {
    #menu {
  		margin: 0 auto;
  		margin-right: 53%;
  		text-align: left;
	}
}