row-flex {
    display: flex;
    flex-wrap: wrap;
  }
  
  
  /* vertical spacing between columns */
  
  [class*="col-"] {
    margin-bottom: 30px;
  }
  .row {
    margin-right: 5px;
    margin-left: 30px !important;
}
  .content {
    height: 100%;
    padding: 20px 20px 10px;
    color: #fff;
  }
 

  
  /* Demo backgrounds and styling*/
  
  .colour-1 {
    background: #483C46;
    color: #fff;
  }
  
  .colour-2 {
    background: #3C6E71;
  }
  
  .colour-3 {
    background: #70AE6E;
  }
  
  .colour-4 {
    background: #82204A;
  }
  
  .colour-5 {
    background: #558C8C;
  }
  
  .colour-6 {
    background: #917C78;
  }
  .colour-7 {
    background: #38364E;
  }
  .colour-8{
    background: #1b95b2;
  }
  
  body {
    padding: 20px 0;
    font-family: Roboto, sans-serif;
  }
  
  .content h3 {
    margin-top: 0px;
    font-weight: 300;
  }
  
  h1 {
    font-weight: 300;
    margin-bottom: 40px;
  }
  .custom-bullet li {
    display: block;
}

.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 13px;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}