.hero {

  background-color: white !important;

}

.topbar {
  background-image: linear-gradient(to right, #663330 , #8e5220) !important;
}

.header {
  background-color: #ffffff !important;
}

.header.sticked {
  background-image: linear-gradient(to right, #663330 , #8e5220) !important;

}

.header.sticked a, .header.sticked .logo h1, .header.sticked .mobile-nav-show  {
  color: white !important;
  
  }


  @media (min-width: 1280px){
    .header.sticked  .navbar .dropdown ul a  {
    color: #663330 !important;
}
  }
  


.navbar a,  .header .logo h1, .mobile-nav-show {

  color: #641f1b !important;

}

@media (max-width: 1279px){

.navbar ul {
background-color: #641f1b !important;

}

.navbar a, .navbar a.active {

  color: white !important;
  }

.mobile-nav-active .navbar:before {
  background: rgba(0, 0, 0, 0.3) !important;

}

}

@media (min-width: 1280px){
.navbar>ul>li>a:before {
    background-color: #e2dfb4 !important;
}
}


.about{
  background-color: rgb(247, 247, 247) !important;
}

.services{
  background-color: rgb(255, 255, 255) !important;
}


.box-shadow{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 1px 0 rgba(0, 0, 0, 0.05) !important;
}