header {
  background-color: rgba(33, 37, 41, .99);
  font-family: 'Poppins';
  font-size: 16px;
  position: fixed;
  width: 100%;
  transition: transform 0.3s ease;
  font-weight: 600;
  z-index: 1;
}

.logoHeaderMobile {
  width: 120px;
}

.menuHeader {
  width: 25px;
}

header a, .active {
  color: white!important;
  text-decoration: none;
  transition: .3s all ease-in-out;
}

header a:hover, .active:hover {
  color: #2596be!important;
}

.dropdown-menu {
  background-color: #212529;
  border: none;
}

.dropdown-menu a {
  transition: .3s all ease-in-out;
}

.dropdown-menu a:hover {
  background-color: transparent;
  border: none;
  color: #2596be!important;
}

@media (min-width: 970px) {
  .itemHeader {
    margin: 0 0 0 30px;
  }
}

.btnOrcamento {
  display: block;
  background-color: #2596be;
  text-align: center;
  border-radius: 8px;
  color: #212529!important;
  padding: 10px;
  transition: .3s all ease-in-out;
}

@media (max-width: 630px) {
  .btnOrcamentoFloatMobile {
    display: block;
    background-color: #2596be;
    text-align: center;
    border-radius: 8px;
    color: #212529!important;
    padding: 10px;
    transition: .3s all ease-in-out;
    position: absolute;
    right: 17%;
    top: 13px;
  }
}

@media (max-width: 767px) {
  .btnOrcamentoFloatMobile {
    display: block;
    background-color: #2596be;
    text-align: center;
    border-radius: 8px;
    color: #212529!important;
    padding: 10px;
    transition: .3s all ease-in-out;
    position: absolute;
    right: 25%;
    top: 13px;
    border: none;
  }
}

.btnOrcamento {
  font-size: 16px!important;
  font-weight: 600!important;
}

@media (min-width: 768px) {
  .btnOrcamentoFloatMobile {
    display: none!important;
  }
}

.btnOrcamento:hover, .btnOrcamentoFloatMobile:hover {
  background-color: white;
  color: #212529!important;
  transform: scale(1.1);
}

@media (min-width: 992px) {
  .navFlex {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .btnOrcamento {
    display: none;
  }
}

.btnOrcamentoFloatMobile {
  display: block;
}

@media (min-width: 768px) {
  .logoHeader {
    width: 160px;
  }
}

.navFlex > li:first-child {
  margin: 20px 0 0 0;
}

@media (min-width: 768px) {
  .navFlex > li:first-child {
    margin: initial;
  }
}

.divTeste {
  width: 100%;
  height: 300px;
  background-color: red;
}

.hidden {
  transform: translateY(-100%);
}

@media (min-width: 768px) {
  .navbar-toggler {
    display: none!important;
  }
}

