@import url("reset.css");
@import url("fonts.css");
nav[role=navigation] {
  position: relative;
  margin: 3em 0 1.4em 0;
}

nav[role=navigation] ul {
  padding: 0;
  display: flex;
  margin: 0 2em;
}

nav[role=navigation] ul li {
  margin: 0 3em 0 0;
}

nav[role=navigation] ul li.last {
  margin-right: 0;
}

nav[role=navigation] ul li a {
  width: 100%;
  /*font-family: "Gill Sans", Helvetica, Arial, sans-serif;*/
  font-family: sans-serif;
  font-size: 1.3em;
  line-height: 2em;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.3em;
}

nav[role=navigation] ul li a, nav[role=navigation] ul li a:visited {
  display: block;
  padding: 0;
  color: #ee8173;
  color: #B0281A;
  transition: color 0.3s ease-in-out;
}

nav[role=navigation] ul li a:hover,
nav[role=navigation] ul li a:active {
  color: #B0281A;
  border-bottom: #B0281A solid 1px;
}

nav[role=navigation] ul li a:hover em,
nav[role=navigation] ul li a:active em {
  color: rgba(78, 68, 60, 0);
}

nav[role=navigation] ul li.selected a {
  color: #724848;
  border-bottom: #724848 solid 1px;
}