html, body {
  background-image: url(../image/bg.jpg);
  background-color: #7C2A99;
  background-position: top center;
}

.app-body-home .app-header {
  position: inherit;
  background-color: transparent;
  box-shadow: none;
  padding-block: 1rem;
}
.app-body-home .app-header .app-container {
  display: flex;
  justify-content: space-between;
}
.app-body-home .app-header .app-rdp_logo img {
  width: 100%;
  max-width: 376px;
}
.app-body-home .app-header .app-roadsafety_logo img {
  width: 100%;
  max-width: 277px;
}
.app-body-home .app-main {
  padding: 0;
}
.app-body-home .app-main .app-container {
  padding: 1rem 2rem;
  background-color: #fff;
}
.app-body-home .app-footer {
  border-top: none;
}
.app-body-home .app-footer .footer-content {
  color: #fff;
}
.app-body-home .app-footer .footer-content .logo_camh_bc img {
  width: 100%;
  max-width: 350px;
}

@media (max-width: 576px) {
  .app-body-home .app-header .app-roadsafety_logo {
    display: none;
  }
  .app-container {
    margin: auto 10px;
  }
}