

hheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    height: 160px;
    /*
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    */
    /*z-index: 10000;*/
    z-index: 1000;
    overflow: hidden;
    /*background: #35414F;*/
    /*background: #3A75A7;*/
background: #FFFFFF;
    border-bottom: 4px solid #cbc19e;
    /*background: yellow;*/
}


.b-example-divider {
  height: 2rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.form-control-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle {
  outline: 0;
}


.nav-item a {font-size: 1.3em; transition-duration: 0.6s;}
.dropdown-menu a {font-size: 1em; transition-duration: 0.6s; /*background: pink;*/}



/* RESPONSIVE CSS
-------------------------------------------------- */

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
  .nav-item a {font-size: 1.2em; transition-duration: 0.6s;}
  .dropdown-menu a {font-size: 1em; transition-duration: 0.6s; /*background: red;*/}
}


@media screen and (max-width: 767px) {
  .nav-item a {font-size: 1.2em; transition-duration: 0.6s;}
  .dropdown-menu a {font-size: 1em; transition-duration: 0.6s; /*background: blue;*/}
}


@media screen and (max-width: 479px) {
  .dropdown-menu a {/*background: green;*/}
}


