Responsive layout assistance

As someone who does not do a lot with CSS, I am trying to find the correct code to fix the layout issue at the bottom of my page:
www.clioassociates.net
I did purchase this template and am aware there is a lot of extra code/tags that are not needed. My main concern at this time is how to correct the logo/address at the bottom so they display correctly on mobile devices (and yes, I am also guilty of using a table at the bottom)!

Many thanks in advance,
Jenn

<div class="container">
  <div class="row">
    <div class="footer">

Buttons and background image position are not relative with the screen size

I am trying to develop a web application and the home page has a background image on which I have few buttons on the background image . when I am trying to minimize the window or resize it, the buttons and background image are remaining on the fixed place. I want the button to remain on the same spot on the top of the background image even if i resize the window. It does not make sense if i resize the window and background image and buttons does not remains on the fixed spot(on top of background image) I am a beginner please help me by your valuable feedback and suggestions. Thank you.

Div with "width: auto;" not auto-expanding & "display: inline;" not working on its own. Why is this happening?

Hi everyone,

Can anyone tell me why my div is not auto expanding to fit its contents, even though I set "width: auto;" ?
Also, why does my "display: inline;" not work?

You can see what I mean here:  http://www.jasonwangart2.blogspot.ca/

Question 1: I set the div-with-thick-red-dashed-border to "width: auto;", but the inner divs are wrapping for some reason, and the div-with-thick-red-dashed-border is not expanding horizontally to contain more divs.

Horizontal alignment of few div's inside centered container

Hi, I need some help and I hope the solution is simple for professionals.
The task is distribution of some layers inside the container.
The trouble is that the border between first right .pic_text is bigger than between first left .pic_text. The container .center is centered, but its content doesn't have equal margins.
I tried to find the solution, but couldn't find it ( for my case.
The matter is that every .pic_text has to have picture and text and the design has to be adaptive.

Here is my code CSS3:

<style>
  .center {
	width: 95%; 
	height: auto;
	padding: 10px; 

Footer overlap

I am using Vantage theme for my wordpress site.

I see the content getting overlapped by footer. I tried to change the css file.
But the changes do not reflect .

Please Help!

Syndicate content