.whitebg {
  height: 30px;
  width: 100%;
  background-color: white;
  /*position: absolute;*/
  
  /* bottom: 0; */
  z-index: 1;

  /* todo */
  left: 0px;
  top: 257px;

}

.whitebg > a {
  margin-top: -36px;
}

.navbarcont {
  background: #f5bad3; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #f5bad3 0%,
    #fff8a5 50%,
    #a5d4f2 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #f5bad3 0%,
    #fff8a5 50%,
    #a5d4f2 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #f5bad3 0%,
    #fff8a5 50%,
    #a5d4f2 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5bad3', endColorstr='#a5d4f2',GradientType=1 ); /* IE6-9 */
  z-index: 10;
}
.navbutton {
  padding: 10px 0 0;
  margin-bottom: -13px;
  z-index: 10;
  position: relative;
}
@media only screen and (max-width: 960px) and (min-width: 321px) {
  .navbutton {
    max-height: 70px;
    margin-bottom: 0;
  }
  .whitebg {
    display: none;
  }
}
@media only screen and (max-width: 320px) {
  .navbutton {
    max-height: 60px;
    margin-bottom: 0;
  }
  .whitebg {
    display: none;
  }
}