override inherited h1 and h3 values in css
===

I have the following css that is being inherited (the original css)

    h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;}

I have a class whereby i want to override the h1 property like so:

    .logo h1 {
      font-family: "Euphemia UCAS";
      font-size: 200px !important;
      font-weight: normal;
      color: #222222;
    }


How can I do this without modifying the original css? The !important value did not help