スマホのヘッダーロゴ表示を100%にしたい。

お世話になっております。
ヘッダーのロゴ画像を横いっぱいに表示するカスタマイズが該当すると思います。
スマホでだけ適用したいCSSがある場合、以下のように書けばOKです。

@media only screen and (max-width: 481px) {
  /* ここにCSSを書く */
}

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

スレッドの数をなるべく増やしたくないので、同トピックについてのコメントは新規作成するのではなく返信する形でお願いします。

度々恐れ入ります。
chromeの検証モードを使用し、marginが発生している要素を調べ、.inner-headerやh1#logo.h1.dfontにmargin: 0を指定してみましたがヘッダーメニューとの余白が0になりません。

どのような命名規則であれば余白をなくせますでしょうか。
お手数ですがよろしくお願いします。

→ 画像周りの余白も消すようなCSSをヘッダーのロゴ画像を横いっぱいに表示するカスタマイズで紹介しています。
（.header--center #logo { padding: 0; }の部分です）

よろしくお願いします。