La imagen desaparece en Mobile Html / CSS
Hola, por alguna razón en Mobile (cuando te metas con el navegador), mi imagen en el lado izquierdo parece desaparecer en mi página. Realmente no estoy seguro de qué está pasando con eso o por qué podría estar sucediendo eso. Pensé que hice un trabajo bastante decente con esto.
Imagen:
HTML:
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
CSS:
.aboutus:firstchild
{
width: 984px;
min-width: 984px;
min-height: 56px;
height: 56px;
padding: 0 20px;
text-align: left;
}
.circular
{
text-align: right;
float: left;
display: block;
min-width: 250px;
min-height: 250px;
width: 250px;
height: 250px;
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
background: url(http://cdn.bavotasan.com/wp-content/uploads/2011/02/desktop.jpg) no-repeat;
}
p.aboutuspage
{
width: 500px;
min-width: 500px;
margin-left: 30%;
}