footer { background-color:#222; }

#footer-wrapper {
float:left;
background:url('images/bg-footer.jpg') center center no-repeat #222; 
background-size:cover;
width:100%;
margin:0;
padding:0;
}

#footer-content {
width:90%; 
padding:0 5%;
max-width:1200px;
margin:0 auto;
min-height:70px;
line-height:70px;
}

#footer-content a { color:#FFF; font-weight:400; text-decoration:none; }
#footer-content a:hover { color:#2c8cb9; }

.c4 {
float:left;
width:25%;
margin:0;
padding:0;
font-size:14px;
font-weight:300;
color:#DDD;
line-height:21px;
}

.c4 img { 
height:auto; 
padding:0; 
margin:0; 
}

h4 {
float:left;
font-size:20px;
font-weight:400;
width:100%;
color:#FFF;
margin:25px 0;
padding-bottom:25px;
border-bottom:1px solid #777;
}

.c4 ul { margin:0; padding:0; list-style:none; }
.c4 ul li { line-height:36px; }
.c4 ul a { color:#FFF; text-decoration:none; }


@media only screen and ( max-width:768px ) {

#footer-wrapper {
z-index:9999;
background-color:#222;
width:100%;
margin:0;
padding:0;
}
		
#footer-content {
width:100%; 
padding:0;
max-width:1200px;
margin:0 auto;
}

.c4 {
float:left;
width:100%;
margin:0;
padding:0;
font-size:14px;
font-weight:300;
color:#DDD;
line-height:21px;
}


}