[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #1e2129;
    --md-primary-fg-color--light: #ECB7B7;
    --md-primary-fg-color--dark: #1e2129;
    
  .head {
      background-color: yellow;
  }

  header {
    background-color: #1e2129 !important;
  } 

    h1 {
        color: white !important;
    }
  }

[data-md-color-scheme="default"] {

  /* header {
    background-color: #38b990 !important;
  } 

  .head {
      background-color: #38b990;
  } */

  .md-header__topic::after {
    content: "";
    font-size: 0.75em;
    color: #000;
    font-weight: bold;
  }

  .md-header {
    color: #000;
  }

  .md-search__form{
    background-color: #000;
    border-radius: .1rem;
    height: 1.8rem;
  }


  header {
    background-color: #fff !important;
  } 

  .head {
      background-color: #fff;
  }

    h1 {
        color: black !important;
    }

    .custom-footer{
      min-height: 45px;
      background-color: #fff;
      color: #1e2129;
      padding: 0 10%;
      font-size: 12px;
    }
    
    .custom-footer span{
      color: red;
    }
    

    .md-button {
      padding: 10px 20px;
      background-color: #36b890;
      color: #fff;
      text-decoration: none;
      border-radius: 4px;
      font-weight: bold;
      text-align: center;
      transition: background-color 0.3s;
    }
    
    .md-button:hover {
      background-color: #36b890;
    }



  }

  .h1-small {
    font-size: 27px !important;
}

.h1-large {
    font-size: 30px !important;
}


img[src*="#mobile-img"] {
  height:70vh;
}

/* img{
  background-color: #fff !important;
} */

.custom-footer{
  min-height: 45px;
  background-color: #1e2129;
  color: #eeeeee;
  padding: 0 10%;
  font-size: 12px;
}

.custom-footer span{
  color: red;
}


.md-nav__title{
  display: none;
}


/* a.md-header__button.md-logo{
  display: none !important;
} */

.md-header__topic {
  display: inline;
}

.md-header__topic::after {
  content: "";
  font-size: 0.75em;
  color: #fff;
  font-weight: bold;
}

.custom-class {
  display: flex;
  justify-content:flex-end;
  gap: 16px;
}

.md-button {
  padding: 10px 20px;
  background-color: #36b890;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  transition: background-color 0.3s;
}

.md-button:hover {
  background-color: #397664;
}

.md-search__form{
  background-color: #000;
  border-radius: .1rem;
  height: 1.8rem;
  outline: 2px solid #fff;
}

@media (max-width: 768px) {

  .custom-class {
    flex-direction: row;
    justify-content: center;
    margin-top:20px;
    margin-bottom: 20px;
    gap: 12px;
    align-items: center;
  }

  .custom-text {
    display: flex;
    justify-content: center;
  }

  .custom-footer{
    min-height: 45px;
    color: #fff;
    padding: 0% 5%;
    font-size: 12px;
  }
  
  .custom-footer span{
    color: red;
    padding: 0% 2%;
  }



}