.cnttuiles {
    font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
  }
  
  p, span, a, ul, li, button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }
  
  strong {
    font-weight: 600;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5em;
    font-weight: 300;
  }
  
  strong {
    font-weight: 400;
  }
  
  .tile {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
  }
  .tile .title {
    margin-top: 0px;
  }
  .tile.purple, .tile.blue, .tile.red, .tile.orange, .tile.green {
    color: #fff;
  }
  .tile.purple {
    background: #5133ab;
  }
  .tile.purple:hover {
    background: #3e2784;
  }
  .tile.red {
    background: #ac193d;
  }
  .tile.red:hover {
    background: #7f132d;
  }
  .tile.green {
    background: #00a600;
  }
  .tile.green:hover {
    background: #007300;
  }
  .tile.blue {
    background: #2672ec;
  }
  .tile.blue:hover {
    background: #125acd;
  }
  .tile.orange {
    background: #dc572e;
  }
  .tile.orange:hover {
    background: #b8431f;
  }

  /* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  padding-top: 54px;
}
@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}