.demo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .demo md-list, .demo md-nav-list {
    border: 1px solid rgba(0, 0, 0, 0.12);
    width: 350px;
    margin: 20px 20px 0 0; }
  .demo h2 {
    margin-top: 20px; }
  .demo md-icon {
    color: rgba(0, 0, 0, 0.12); }
  .demo [md-list-icon] {
    color: white;
    background: rgba(0, 0, 0, 0.3); }

.demo-secondary-text {
  color: rgba(0, 0, 0, 0.54); }