Question: Using MDC I get the following structure:

```html
<div class="mdc-fab">
  <span class="mdc-fab__icon">
    <i>x</i>
  </span>
</div>

```

In the CSS file from MDC there is the following rule:

```css
.mdc-fab .mdc-fab__icon {
    font-size: 24px;
}

```

However in my own CSS-file I have this rule that overrides the rule above:

```css
* {
    font-size: 1rem;
}

```

I want that rule to ensure that no font-size is less than 16px. However here it overrides the rule from MDC which is not what I want.

Can I rewrite my rule in some way?

---

EDIT: Since there seem to be some confusion, please look at this Codepen: <https://codepen.io/lborgman/pen/RwNGzmP>

And please observe that I can not change the MDC rule.

Answer: 
You just had a few mistypos:

```
df.Weekday = pd.Categorical(df.day,categories=weekdays)

```

should be:

```
df['Weekday'] = pd.Categorical(df.day,categories=weekdays)

```

and

```
df = df.sort_values('day) 

```

should be:

```
df = df.sort_values('Weekday') 

```

and it works!
Here is one with `calender` and `reindex`:

```
import calendar
idx=(df['day'].map({v:k for k,v in dict(enumerate(calendar.day_name)).items()})
     .sort_values().index)
df.reindex(idx)

```

---

```
          day  value
2      Monday     11
3      Monday     22
10    Tuesday     88
11    Tuesday     88
12  Wednesday     88
13  Wednesday     88
8    Thursday     88
9    Thursday     88
0      Friday     32
1      Friday     32
4    Saturday     44
5    Saturday     25
6      Sunday     77
7      Sunday     88

```