body {
  background-color: #ffffff !important;
  position: relative;
  padding-top: 100px;
}

body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
  background: 
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.5) 50%,
      rgba(0, 0, 0, 0.7) 100%),
    url('../DJB_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  filter: blur(3px);
  mask: linear-gradient(to bottom,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.7) 70%,
      rgba(0, 0, 0, 0) 100%);
  -webkit-mask: linear-gradient(to bottom,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.7) 70%,
      rgba(0, 0, 0, 0) 100%);
  z-index: -1;
  pointer-events: none;
}

body.cism-event::before {
  background-image: url('../military_bg.png');
}

body.cism-event::after {
  background-image: url('../logo.svg');
}

body::after {
  content: '';
  position: fixed;
  top: 400px;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: repeat;
  background-size: 250px 250px;
  background-position: 0 0;
  opacity: 0.06;
  pointer-events: none;
  z-index: -1;
  /* transform: rotate(5deg); */
}

#banner {
  background-image: none !important;
  background: none !important;
  color: black !important;

}

#banner>div {
  background: none !important;
  background-image: none !important;
  padding: 0 50px !important;
  margin: 0 !important;
  justify-content: start !important;
}

#banner p {
  margin-left: 20px;
}