html - CSSヘッダーをレスポンシブにする方法

Question

このCSSを使用しています：

#header-topbar {
    width:100%;
    height:120px;
    padding-top:5px;
}
#header-right-content {
    float:right;
    margin-right:14%;
    margin-top:20px;
    font-size:20px;
    text-align:right;
    color:#000000;
}
#logo {
    position: absolute;
    float: left;
    margin-left: 15%;
    margin-top: 25px;
    width: 360px;
    height: 50px;
}

私のヘッダーのために、私はそれをレスポンシブにしたいです。メディア クエリの使用方法は知っていますが、残りの CSS についてはわかりません。

ロゴ div が上部に表示され、中央に表示され、次にテキストが下に表示されるようにするにはどうすればよいですか?

私はここでフィドルを作成しました：http://jsfiddle.net/bMsMw/ので、htmlを見ることができます

ありがとう

Answer 1

このような？http://jsfiddle.net/bMsMw/1/ 画像がどのように収まるか正確にはわかりません。

code