I am trying to get my material list text to shrink when size of screen is smaller. I tried creating a custom css class with no avail the text doesn't change, so I just tried to modify the mat-list class like this:

```
@media (max-width: 1026px) {
  .mat-list {
    font-size: 10px;
  }
}

@media (min-width: 1026px) {
  .mat-list {
    font-size: 60px;
  }
}

```

but the text size still does not change.