html, body {
    background-color: floralwhite;
}


/* change the background color */
.navbar {
    background-color: #1e1e1e;
    
}


#navbar-title {
    
    line-height: 120%;
    text-align: center;
}
/* change the link color and add padding for height */
.navbar-dark .navbar-nav .nav-link {
    color: floralwhite;


}
.navbar-dark .nav-item.active .nav-link {
        background-color: #1e1e1e
}
.navbar-dark .nav-item:hover .nav-link {
    color: white;
    background-color: #A45852; /* add background-color to active links */
    height:50px;
}

/* change the brand and text color */
.navbar-dark .navbar-brand,
.navbar-dark .navbar-text {
    color: floralwhite;
}

/* change the link color */
    .navbar-dark .navbar-nav .nav-link {
        color: floralwhite;
    }

/* change the color of active or hovered links */
.navbar-dark .nav-item.active .nav-link,
.navbar-dark .nav-item:hover .nav-link {
    color: #ffffff;
}

    /* for background-color: #1e1e1e; only - change the color of droodown */
.navbar-dark .dropdown-menu {
    background-color: #1e1e1e;
}

.navbar-dark .dropdown-item {
    color: #ffffff;
}

.navbar-dark .dropdown-item:hover,
    .navbar-dark .dropdown-item:focus {
        color: floralwhite;
        background-color: #A45852; /* add background-color to active links */
    }

/*
@media(max-width: 3000px) {
  .navbar-dark .navbar-brand img  {
    height:60px
  }
}
*/

.navbar-dark .navbar-brand img  {
    height:60px
  }
/*
@media(max-width: 480px) {
  .navbar-dark .navbar-brand img  {
    height:35px
  }
}

@media(max-width: 239px) {
  .navbar-dark .navbar-brand img  {
    height:25px
  }
}*/
/*
@media (min-width: 200px) and (max-width: 320px) {
        #thelogo  {
          display: none !important;
        }
 }

@media (min-width: 321px) and (max-width: 2000px) {
        .navbar-dark .navbar-brand img  {
          height:60px
          display: block;
        }

 }*/
#footer {
    background-color: #1e1e1e;
    color: floralwhite;
}

#footer h5 {
    background-color: #A45852
}