css - 画像を動的に中央に配置する方法 (Web サイトのバナー)

Question

私は現在、サイトrinique.comを持っています。動的に中央に配置したい Web サイトのバナーは、画面サイズ (iPhone や iPad など) に基づいて「RINIQUE」という単語が含まれる画像です。

現在中心にするために、絶対値を入れていました。以下は私のcssのスニペットです。

#header #logo {
  float: left;
  position: relative;
  left: 38%;