      margin-bottom: 20px;
  }
  
  /* custom general page styles */
  .hero-unit h2, .hero-unit h1{
    color: #A30000;
  }
  
  body a, body a{
    color: #A30000;
 
</s> remove body a, body a{
 </s> add body a { </s> remove     border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 20px;
 </s> add   border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 20px; </s> remove body a:hover{
 </s> add body a:hover { </s> remove .wrapper .navbar{
 </s> add .navbar { </s> remove     font-weight: 500;
 </s> add   font-weight: 500;
.hero-unit h1, .hero-unit h2 {
      margin-bottom: 20px;
  }
  
  /* custom general page styles */
.hero-unit h1, .hero-unit h2 {
    color: #A30000;
  }
  
  body a, body a{
    color: #A30000;
keep keep keep keep replace keep keep keep keep keep
 Fixed the issue with the non-draggable horizontal scrollbar 
rest_framework/static/rest_framework/css/bootstrap-tweaks.css