サイトタイトルとキャッチフレーズのcssをいじったら、元に戻らなくなりました。

こんにちは。
れんじと申します。

サイトは、http://toyonakarenji.com/になります。

現在、cssの勉強中の身であります。

サイトタイトルとキャッチフレーズの文字の大きさや、文字の間の間隔などを変更したいと思い、style.cssに書き込み（コピペとか含む）を行っておりました。

下記のcssを追加し、保存しました。

/* サイトタイトルの文字を変更する */
#site-title a {
text-decoration: none;
letter-spacing : 0.25em;
font-size: 20px !important;
font-weight: bold;
}

/* サイトタイトル下のキャッチフレーズを変更　*/
#site-description {
font-size: 14px !important;
font-weight: normal;
}

そして、文字の大きさや文字の間の間隔など、パソコンとスマホの表示を同一のcssにすると、うまくいかないなぁ、と思いました。
それで、メディアクエリとか使って、スマホ用にまた別のcssを書けばいいかな、と思い、とりあえず、上に貼り付けたcssは削除しました。

しかし、パソコン表示のタイトル文字の大きさが大きくなったままで、元に戻りません。（文字の間隔とかは直ったように見えます）

スマホ表示のほうのタイトル文字の大きさも、大きいままなのかもしれません。

これは、!importantを使って、貼り付けちゃったために、なんだか、HTML側がおかしくなってしまったのでしょうか？

もともとのタイトル文字とキャッチフレーズの文字の大きさは、simplity2のデフォルトの大きさのままでした。

ということで、文字の大きさがおかしいままなのは、どうしてなのかを教えていただければ、ありがたく思います。

それと、ちょっと、ここで聞いていいのか分からないのですが、自分のサイトのトップページのアドレスをコピーして、上のほうで貼り付けたのですが、なぜ、comの後ろに/がついています。
これは、どうしてなのか、もしよければ、教えていただければと思います。。
いや、まったく、みなさんに関係のないお話なんですが、ちょっと、間違えてるのかなぁ、と不安で。。

というわけで、以上となります。

もしよろしければ、ご教授ください。
よろしくお願い致します。