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