.footer .Cont {
width: 980px;
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
display: block;
overflow: visible;
}
.footer .Cont {
height: auto;
}
.footer {
position: relative;
display: inline-block;
float: left;
width: 100%;
height: auto;
background: #FFF;
}
.footer .Cont .links {
display: inline-block;
float: left;
}
.footer .Cont .links a {
display: inline-block;
float: left;
padding: 0 10px 0 10px;
margin: 20px 0;
font-size: 14px;
font-family: segoe_uiregular;
font-weight: 100;
border-right: 1px solid #219CE1;
color: #219CE1;
cursor: pointer;
}
.footer .Cont .links a:last-child {
border-right: none;
padding: 0 0 0 10px;
}
.footer .Cont .links a:first-child {
padding: 0 10px 0 0;
}
.footer .eautoLogo {
background-image: none;
background-position: 100% 50%;
background-repeat: no-repeat;
float: right;
display: inline-block;
height: 59px;
width: 245px;
}
.footer .social,.footer .copyright {
width: 100%;
display: inline-block;
float: left;
color: #333;
line-height: 12px;
font-size: 12px;
font-family: segoe_uiregular;
font-weight: 100;
padding: 0 0 10px 0;
}
.footer .social {
line-height: 14px;
font-size: 14px;
}
.footer .social .headline {
display: inline-block;
float: left;
color: #333;
height: 30px;
padding: 10px 10px 0 0;
}
.footer .social .icon {
height: 20px;
width: 20px;
padding: 10px 0;
margin: 0 5px;
display: inline-block;
float: left;
background-repeat: no-repeat;
background-position: 50%;
}
.footer .social .icon.fb {
background-image: url(img/logo_fb.png);
}
.footer .social .icon.tw {
background-image: url(img/logo_tw.png);
}
.footer .social .icon.yt {
background-image: url(img/logo_yt.png);
width: 49px;
}
.footer .copyright a:hover,.footer .Cont .links a:hover {
text-decoration: underline;
}



@media only screen and (max-width : 980px)  {
 .footer .Cont {
width: 760px;
}
.footer .Cont .links a {
padding: 0 5px 0 5px;
font-size: 12px;
}
.footer .eautoLogo {
height: 56px;
width: 200px;
background-size: 100% auto;
}
.footer .social {
margin: -20px 0 0 0;
width: auto;
}
.footer .copyright {
width: auto;
float: right;
}
}



@media only screen and (min-width : 1px) and (max-width : 767px) {
.footer .social .headline br { display: none; }
.footer .Cont {
width: 100%;
}
.footer .Cont .links {
display: inline-block;
float: left;
width: 100%;
text-align: center;
margin: 10px 0 10px 0;
}
.footer .Cont .links a {
line-height: 14px;
display: inline-block;
float: none;
text-align: center;
padding: 0 10px 0 10px;
margin: 5px 0;
}
.footer .social {
margin: 10px auto;
width: 100%;
height: auto;
float: left;
display: block;
text-align: center;
position: relative;
padding: 0;
border-top: 1px solid #CCC;
}
.footer .eautoLogo {
height: 56px;
width: 100%;
background-size: auto 100%;
background-position: 50%;
}
.footer .social .icon {
padding: 0;
margin: 10px 10px;
float: none;
}
.footer .social a {
height: 40px;
display: inline-block;
line-height: 40px;
float: none;
position: relative;
margin: 0 auto;
}
.footer .social .headline {
display: block;
float: none;
padding: 0;
margin: 10px 0 0 0;
height: 20px;
line-height: 20px;
}
.footer .copyright {
width: 100%;
float: none;
text-align: center;
width: 100%;
margin: 0 0 20px 0;
}
}