.include-bottom-margin {
  
    margin-bottom: 20px;
  }
  .wms-full-view-width  {
   
    width: calc(100% + 40px);
     margin-left: -20px;
   }
   
   .wms-top-hero {
   
     position: relative;
     
   }
   .wms-top-hero--content {
   
    position: absolute;
     left: 0;
     top: 0;
     padding: 10px;
     background: rgba(0,0,0,.8);
     width: 444px;
     color: #fff;
     height: 100%;
     display: flex;
     justify-content: flex-start;
     align-items: stretch;
   }
   
   .wms-top-hero--text {
   
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-left: 30px;
     padding-bottom: 20px;
     background: transparent;
     color: #fff;
   }
   
   .wms-top-hero--text h2 {
     color: #fff;
   }
  .wms-scrollable-hero {
  
    margin-bottom: 20px;
  }
   
   .wms-scrollable-hero .horizontal-scroller-number-buttons {   
   
   position: absolute;
     bottom: 40px;
     left: 35px;
     display: block;
     color:#fff;
   }
  
  @media (max-width: 992px) {
  
    .wms-top-hero--content {
  
      position: inherit;
      width: 100%;
      padding: 30px;
      height: 265px;
    }
  
    .wms-top-hero--text {
  
      padding-left: 0;
    }
  
    .wms-scrollable-hero .horizontal-scroller-number-buttons {
      position: relative;
      left: 30px;
		bottom: 60px;
    }
  }