#mb-header-content {
  background-image: linear-gradient(#f38001,#d96200),url("../../assets/img/header_bg.svg");
  background-blend-mode: color;
  background-repeat: no-repeat;
  color: white;
  margin: 0px;
  padding: 0px 0px 40px 0px;
}

@media (min-width: 992px) {
  #mb-header-content {
    padding: 0px 20px 30px 20px;
  }
}

@media (min-width: 992px) {
  #mb-header-logo {
    text-align: left!important;
  }
}

#mb-content {
  width: 100%;
}

@media (min-width: 992px) {
  #mb-content {
    background-image: url(../../assets/img/content_bg.svg);
    background-position: bottom left;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 90%;
    width: 80% !important;
  }
}

#mb-header .row, #mb-content .row {
  margin-left: 0px;
  margin-right: 0px;
}

@media (min-width: 992px) {
  #mb-user-content {
    margin-top: 70px;
    margin-bottom: 70px;
    border-color: rgba(102,103,111,0.22);
    border-width: 1px;
    filter: drop-shadow(2px 2px 3px);
    width: 100%;
  }
}

#mb-user-content {
  background-color: white;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

@media (min-width: 992px) {
  #mb-body {
    background-color: rgb(241,243,244);
    margin: 0px 4vw;
  }
}

#mb-header-2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 300;
  font-family: 'Nunito Sans';
  letter-spacing: 1px;
  font-size: calc(100.5% + 0.5vw);
  max-width: 100%;
  width: 100%;
  word-break: break-word;
  color: #fae2cc;
}

graybold {
  font-weight: 600;
  color: gray;
}

#mb-body {
  font-family: 'Lato';
}

#mb-header-1 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: lighter;
  font-family: 'Nunito Sans';
  letter-spacing: 3px;
  font-size: calc(102.5% + 2vw);
  max-width: 100%;
  width: 100%;
  word-break: break-word;
}

#mb-header-1 strong {
  font-size: calc(90.5% + 0.5vw);
  font-weight: 800;
}

#error_message, #error_details {
  text-align: center!important;
  font-weight: bolder;
}

#error_hint {
  text-align: center!important;
  font-size: 11pt;
}

#error_id {
  text-align: center;
}

#mb-logo {
  width: 100%;
  min-width: 150px;
  margin: 10px;
  margin-top: 10px;
  padding: 0px;
  background-image: url(../../assets/img/logo.svg);
  background-repeat: no-repeat;
  background-position: left;
  height: 50px;
}