demoのcssのカスタマイズについて

はじめまして。
cmsは初めてで、html、cssの知識はwebクリエイター上級程度です。
まだ編集作業などは一切しておりません。
■ BaserCMSのバージョン：2.0.5.1
■ レンタルサーバー名：ロリポップ
■ スマートURLの利用：　[ON
■ 設置フォルダ：　分かりません
■ 利用しているデータベース：SQLite
■ PHPスキル（自己評価）：　E
アップロードは画像はffftp basercmsは簡単インストールです。

basercms2.0.5.1のdemoテーマをインストールして見て、スマートフォンで確認したのですがWordPressのテーマなどより最適化がとても好みなので利用して行こうと思っているのですが、
何点かご質問したいことがあります。

1・index内のcssを編集するには、theme/demoのcssをffftpなどで編集すればいいんでしょうか？

2・また編集する際はcssで編集するとスマートフォンの最適化は崩れてしまうのでしょうか？

3・皆さんはテーマをカスタマイズする時はcssでカスタマイズされていますか?またcssでカスタマイズするコツなどございましたらご教授お願いいたします。