*,
*::before,
*::after {
  margin: 0;
  padding: 0;

}



body {

  overflow-x: hidden;

}



.new-logo-safa {

  width: 200%;

  min-width: 60px;

}



.main-navbar {

  padding: 0;

  border-bottom: solid 3px #dcc8a7;

}



.main-nav_link {

  margin-right: 3rem;

}



.logo {

  font-size: 2.6rem;

  font-weight: bold;

  margin-right: 46%;

}



.hamburger {

   margin-right: 10px;

  color: #fff !important;

  border-color: #fff !important;
  
  border-width: 2x!important;
  outline: 0!important;

}



.items-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 100vw;

  background-color: black;

}

.nav-item {
  margin-left: auto;
  margin-right: 0px;
}

.nav-link {
  margin-right: 0px !important;
  padding-right: 10px !important;
}

.dropdown {
  width: auto !important;
}

.dropdown-menu {
  min-width: auto;
}

.dropdown-item {
  margin-left: auto !important;
  margin-right: 0px !important;
  text-align: right;
  padding-right: 20px;
}

.active {

  color: #dcc8a7 !important;

}



.hover-transition {

  -webkit-transition-duration: 0.2s;

          transition-duration: 0.2s;

  font-size: 1.3rem;

  color: #fff !important;

  margin-right: 4rem;

}



.hover-transition:hover {

  color: #dcc8a7 !important;

}



.body-dark {

  background: #000 !important;

}



.body-dark > li > a {

  color: rgba(0, 0, 0, 0.55);

}



.body-dark > li > a:hover {

  background: transparent;

  color: #dcc8a7;

}



@media screen and (min-width: 768px) {

  .container-fluid {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    padding: 0;

  }

  .new-logo-safa {

    /*width: 40%;*/

    /*Updating Width*/

    width: 60%;

  }

  .logo {

    width: 100%;

    text-align: center;

    background-color: black;

    color: white;

    margin-right: 0;

  }

  .padding-0 {

    padding: 0;

  }

  nav.navbar {

    padding: 0;

    width: 100vw;

  }

}



@media screen and (min-width: 1025px) {

  .container-fluid {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    padding: 0;

  }

  .new-logo-safa {

    /*width: 25%;*/

    /*Updating Width*/

    width: 35%;

  }

  .logo {

    width: 100%;

    text-align: center;

    background-color: black;

    color: white;

    margin-right: 0;

  }

  .padding-0 {

    padding: 0;

  }

  nav.navbar {

    padding: 0;

    width: 100vw;

  }

}

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