@font-face {
  font-family: "hiragino-kaku-gothic";
  src: url("Heisei Kaku Gothic Std W5.otf");
}

body {
  height: 160px;
  color: #f6fafa;
  font: normal normal normal 12px/16px "hiragino-kaku-gothic";
}

div.contGen {
  height: 160px;
  background-color: #46644c;
}

div.contenedorNotas {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

div.nota {
  padding: 5px 10px;
  border-right: 1px solid #ffffff;
  display: flex;
}

div.nota.fija1 {
  visibility: hidden;
  display: none;
}

div.nota.fija2 {
  visibility: visible;
}

div#contenedorFechas {
  width: 70%;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  min-width: 850px;
}

p {
  margin-bottom: 0px;
  height: 100%;
}

p a {
  color: #fff;
}
p a:hover {
  color: #fff;
}

div.nota.ultima {
  border-right: none;
}

@media (max-width: 835px) {
  div.contenedorFlech {
    height: 90px;
    width: 60%;
    margin-top: 10%;
    padding-top: 3%;
    border-left: 1px solid #ffffff;
  }
  div.contenedorNotas {
    display: flex;
    top: 33%;
  }

  div.nota {
    border-right: none;
    top: 50%;
  }
  div.nota.fija1 {
    width: 40%;
    margin-top: 10%;
    border-right: none;
    visibility: visible;
    display: block;
  }
  div.nota.fija2 {
    visibility: hidden;
  }
  div#contenedorFechas {
    width: 70%;
    left: 15%;
    transform: translateX(0%);
    position: relative;
    min-width: 100px;
  }
}