レスポンシブル対応のCSSについて

ご質問させてください。

wordpressをオリジナルテーマ作成の段階からカスタマイズしています。
現状でカスタムできるファイルは

index.php
style.css
以上が【外観】→【テーマ編集】の順序で可能な状態です。

ちなみに、style.cssには現段階で以下が記述されています。

/*
Theme Name: Sample Theme
Theme URI: http://www.www.www/
Description: This is my sample theme.
*/

ここに、新規でレスポンシブに関しての書籍をみながら以下のCSSコードを記述するセクションにきているのですが…

@charset “utf-8”;

/* @group Reset */

*{ margin: 0;padding: 0}

a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}

/* @end */

この場合、同じcssファイルに書き連ねていいのか？
もしくは新規でファイルを用意した方がいいのか？

コードのファイル区分で迷っています。
ご存知であればご教唆していただきたく思います。

よろしくお願いいたします。