размер шрифта и позиционирования медиаресурса

Question

У меня есть текст, который я хотел бы масштабировать, а затем двигаюсь вверх, чтобы изображение было на мобильном устройстве.

<style> 
    #rcontainer { 
    height: 340px; 
    width: 100%; 
    position: relative; 
} 


.rtext span { 
    position: absolute; 
    bottom: 130px; 
    font-family: "Georgia", serif; 
    font-size: 1.8em; 
    color: white; 
    padding: 0 40px; 
    width: 100%; 
    line-height: 110%; 
} 

@media screen and (min-width: 0px) and (max-width: 720px) { 
    .rtext { 
     font-size: 50%; 
     padding: 0 40px 100px 0; 
    } 
</style> 


<div id="rcontainer"> 
    <img alt="" src="/portals/0/Images/photos/rexanne_griffeth_contact_info_850.png" /> 
<p class="rtext"> 
    <span>Contact: Rexanne Griffeth<br /> 
    6000 Hospital Drive<br /> 
    Hannibal, MO 63401<br /> 
    (573) 629-3564<br /> 
    rexanne.griffeth@hrhonline.org 
</span></p> 
</div> 

Я пытаюсь размером шрифта (который работает с моим медиа запросом, но я не могу показаться, чтобы переместить текст вверх и по изображению.

Вот мой DEV URL. current results

Answer 1

Изменить нижний атрибут в запросе медиа:..

@media screen and (min-width: 0px) and (max-width: 720px) { 
.rtext { 
    font-size: 50%; 
    padding: 0 40px 100px 0; 
    bottom: 220px 
}