Div區塊響應性地上升，因爲窗口變得更窄

Question

現在，當我使我的codepen窗口變窄時，引用區塊響應地下降，覆蓋兩個按鈕。

• 我希望它上升，所以它不會接近按鈕。

這裏的codepen：http://codepen.io/RycerzPegaza/pen/NGpEGp?editors=010

這裏的CSS：

@import url(https://fonts.googleapis.com/css?family=Lato:700|Amatic+SC:700&subset=latin,latin-ext); 

body{ 
    background: url('http://i147.photobucket.com/albums/r293/VIEWLINER/REED/RFGF02.jpg~original') no-repeat center center fixed; 
    background-size: cover; 

} 


.row-fluid { 
    position: relative; 
    top: 200px; 
} 


p { 
    font-family: 'Amatic SC'; 
    color: #DDDDDD; 
    font-size: 250%; 
    padding: 10px; 
} 

#qouteblock { 

    position: relative; 
    margin-bottom: ; 
} 

#background{ 
    position: relative; 
    top: 170px; 
    background-color:rgba(0,0,0,0.6); 
} 


.container { 
    padding: 10px; 
} 

nav { 
    position: fixed; 
    bottom: 5%; 
    left: 46%; 
    font-family: 'Lato'; 
    font-size: 18px !important; 
} 

iframe { 
    position: fixed; 
    bottom: 2%; 
    left: 46%; 
} 

Answer 1

使用媒體查詢的降低。內容的字體大小propierty：

@media (max-width: 650px) { 
p { 
    font-size: 30px 
} 
}