html {
    background-color: #fff0;
}

body.site {
  background: transparent;
  background-image: url(/images/Wall-bg3.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #f4ebd3;
}

.header {
  background: #f4ebd3;
  background-color: rgb(244, 235, 211, 0);
}

.container-header .grid-child {
  background: #f4ebd3;
  background-color: rgb(244, 235, 211, 1);
  max-width: 900px;
  padding: .5em;
}

.container-nav {
    max-width: 900px;
    background-color: #562a2b !important;
    padding: 15px 25px 15px;
    color: #000 !important;
}

.container-component {
    margin-top: 15px;
    max-width: 900px !important;
    background-color: #f4ebd3;
//    opacity: 0.9;
    padding: 15px 25px 15px;
    color: #000;
}


/*
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #ffe4c4;
    background-image: linear-gradient(135deg, #fff3d3 0%, #d1b798 100%);
    border-bottom: 1px solid #ccc;
} */


.card-body {
  padding: 0px;
  background: #f4ebd3;
//  opacity: 0.8 !important;
}

.mslide {
  background: #f4ebd3 !important;
//  background-color: rgb(244, 235, 211, 1) !important;
  z-index: 9999;
  opacity: 1 !important;
}

.fade-in {
  font-family: Arial;
  font-size: 24px;
  animation: fadeIn 3s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.footer .grid-child {
  color: #fff;
  background-color: #562a2b !important;
  margin-top: 0em;
  padding: 1.0rem .5em;
  max-width: 900px;
}


.container-footer {
  color: #fff;
  background-color: #562a2b !important;
  height: 20px;
}

.footer {
  color: #fff;
  background-color: rgb(133, 235, 211, 0) !important;
  background-image: none;
//  margin-top: 1em;
}