.header {
  position: fixed;
  width: 100%;
  height: 80px;
  z-index: 100;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
}

.header.darkened {
  background-color: #7e1d1d;
}

.header .images {
  position: relative;
  float: left;
  margin-left: 2%;
  height: 40px !important;
  width: 29px !important;
  margin-top: 20px;
}

.header .images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header .images img.logoWhite {
  opacity: 0.0;
}
.header .images img.logoWhite.darkened {
  opacity: 1.0;
}
.header .buttons {
  position: relative;
  float: right;
  margin-right: 2%;
  margin-top: 16px;
}