/*@media only screen and (max-width: 767.9px){
  .dupont-menu {
    max-height: 45px !important;
    padding-left: 5% !important;
  }

  .dupont-menu .scaler .logo a.title {
    max-height: 45px !important;
  }

  .dupont-menu .scaler .logo a img {
    height: 3.0em !important;
    width: 5.8em !important;
  }

  .dupont-menu .scaler .logo a.title img {
    height: 3em !important;
    width: 9.85em !important;
  }

}

@media only screen and (max-width: 1023.9px){
  .dupont-menu {
    max-height: 67px !important;
    padding-left: 5% !important;
  }

  .dupont-menu .scaler .logo a.title {
    max-height: 67px !important;
  }

  .dupont-menu .scaler .logo a img {
    height: 4.5em !important;
    width: 8.7em !important;
  }

  .dupont-menu .scaler .logo a.title img {
    height: 4.5em !important;
    width: 14.8em !important;
  }

}*/

  .logo{max-height:60px !important;}
.dupont-menu {
  background-color: rgba(51, 51, 51, 0.3);
  color: #fff;
  margin: 0;
  position: absolute;
  top: 3em;
  width: 100%;
  z-index: 1000;
  /*padding-left: 10%;*/
  max-height: 60px;
}
.dupont-menu.sticky {
  margin-top: 0;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #ffffff;

}

.dupont-menu.sticky path.st1 {fill:#FF0000 !important;}

.dupont-menu.sticky .scaler .logo a.title{
  background-color: transparent !important;
}

.dupont-menu .scaler {
  margin-left: auto;
  margin-right: auto;
  max-width: 1432px;
}
.dupont-menu .scaler .logo {
  float: left;
  vertical-align: middle;
}
.dupont-menu .scaler .logo a {
  cursor: pointer;
  float: left;
  margin: 0;
  padding: 0;
  max-height: 60px !important;
}
.dupont-menu .scaler .logo a img {
  height: 60px;
  width: auto;
}
.dupont-menu .scaler .logo a.title {
  background-color: rgba(204, 204, 204, 0.3);
  /*display: table-cell;*/
  margin: 0;
  padding: 0;
  max-height: 60px;
  float:left;
  width: 230px;
  height: 70px;
}
.dupont-menu .scaler .logo a.title img {
  height: 60px;
  width: auto;
}
.dupont-menu .scaler .filler {
  display: table-cell;
  width: 100%;
}
@media only screen and (max-device-width: 780px) {
  .dupont-menu .dupont-menu .scaler {
    max-width: 780px;
  }
}

/*# sourceMappingURL=menu.css.map */