body {
  background-image: url(/images/BG_K25.png);   
  background-color: #212529;
}

ul {
  list-style-type: none;
}

body.no-background-image {
  background-image: none;
}


.dark-purple-background {
  background-color: #38212d;
}

.transparent-background {
  background-color: transparent;
  color: #ffffff;
  /* text-shadow: #333333 1px 0 10px; */
}

/* a.transparent-background{
  color: #ffffff;
  text-shadow: #333333 1px 0 10px;
} */

.yellow-background {
  background-color: #f3c000;
  color: #212529;
}

.grey-background {
  background-color: #8b8c8e;
}

.image-section-background{
  background-color:#dcad85
}

.image-section{
  max-height: 500px;
  background-color:#dcad85
}


.yellow-heading {
  color: #f3c000;
}

.logo-yellow {
  color: #fff200;
}

.cursive-text {
  font-family: "Brush Script MT", cursive;
  font-size: x-large;
}

.header-image {
  height: 200px;
}

.navbar-background {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+20,f3c000+20,f3c000+100 */
  background: linear-gradient(
    to right,
    #000000 0%,
    #000000 90px,
    #f3c000 100px,
    #f3c000 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.brand-img{
    /* width: 20%; */
    /* padding-left: 5px; */
    height: 80px;
    width: 80px;
}

.navbar-text{
    text-transform: uppercase;
    font-size: larger;
    /* font-weight: bold; */
}

.navbar-text:hover{
    /* text-transform: uppercase;
    font-size: larger; */
    font-weight: bold;
}

/* body { margin-top:80px; } */

.offcanvas-custom-width{
  width: auto!important;
}

#aboutus:before {
  height: 80px;
  content: "";
  display:block;
}

#help:before {
  height: 80px;
  content: "";
  display:block;
}