@font-face {font-family: "Roboto"; src: local("Roboto"), url("css/roboto.ttf"); }

.footer {
width:100%;
height:125px;
background:#FFB90F;
}

.footer-line {
width:100%;
height:30px;
background:#868e96;
color:#fff;
font-family:Roboto, sans-serif, Arial, Verdana;
font-size:15px;
text-align:center;
padding-top:13px;
}

.footer-inner {
font-family:Roboto, sans-serif, Arial, Verdana;
font-size:15px;
color:#fff;
padding-top:30px;
}

.footer-dis {
height:300px;
}

a.footer-link {
text-decoration:none;
font-family:Roboto, sans-serif, Arial, Verdana;
font-size:15px;
color:#fff;
}

.ecklick-font {
font-family:Roundex, Roboto, sans-serif, Arial, Verdana;
font-size:48px;
color:#fff;
}

table.dis {
width:40%;
}

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

.footer-inner {
font-family:Roboto, sans-serif, Arial, Verdana;
font-size:15px;
color:#fff;
padding-top:5px;
}

table.dis {
width:40%;
}

}

@media screen and (min-width: 1px) and (max-width: 499px) {

.footer {
width:100%;
height:125px;
background:#FFB90F;
}

.footer-line {
width:100%;
height:30px;
background:#868e96;
color:#fff;
font-family:Roboto, sans-serif, Arial, Verdana;
font-size:15px;
text-align:center;
padding-top:13px;
}

.footer-inner {
font-family:Roboto, sans-serif, Arial, Verdana;
font-size:15px;
color:#fff;
padding-top:15px;
}

.footer-dis {
height:250px;
}

a.footer-link {
text-decoration:none;
font-family:Roboto, sans-serif, Arial, Verdana;
font-size:15px;
color:#fff;
}

.ecklick-font {
font-family:Roundex, Roboto, sans-serif, Arial, Verdana;
font-size:28px;
color:#fff;
}

table.dis {
width:40%;
}

}