:root{
  --purple:#663399;
  --orange:#ff6600;
}
body{
  font-family: Arial, sans-serif;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.bg-purple{background-color:var(--purple)!important;}
.navbar-brand img{height:40px;}
.page-wrapper{flex:1 0 auto;}
.hero-small{position:relative;color:#fff;}
.hero-small:before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.5);
}
.hero-small>*{position:relative; z-index:1;}