/* COL */
footer {min-height: 50px; background-color: var(--main-color); font-size: 15px; z-index: 10; border-top: 1px solid #f6f6f6}
footer.logged {position: fixed; bottom: 0;}
footer ul, footer li {margin: 0; padding: 0; list-style: none;}
footer ul {height: 100%; vertical-align: middle; display: table; width: 100%; padding: 0 20px; color: #fff;}
footer ul li {display: block; width: 100%; font-size: 14px; margin: 10px 0;}
footer ul li a, footer ul li a:hover {color: #fff;}
footer ul li i {color: #c03;}

/* COL-MD */
@media only screen and (min-width: 768px) {
  footer {height: 50px;}
  footer ul li {display: table-cell; vertical-align: middle; width: 30%; margin: 0;}
  footer ul li:nth-child(2) {text-align: center; width: 40%;}
  footer ul li:last-child {text-align: right;}
}

/* COL-LG */
@media only screen and (min-width: 992px) {
  footer ul li {font-size: 16px;}
}