.ui-typography {
  font-family: "Roboto", sans-serif;
  .mdl-card:not(:last-child) {
    margin-bottom: $card-vertical-padding;
  }
  p {
    font-weight: 300;
  }
  h5 {
    font-size: 30px;
    &:nth-of-type(1) {
      font-weight: 200;
    }
    &:nth-of-type(2) {
      font-weight: 300;
    }
    &:nth-of-type(3) {
      font-weight: 400;
    }
    &:nth-of-type(5) {
      font-weight: 600;
    }
  }
}