footer{position:sticky;top:100vh;background:#222;z-index:1000}footer .logo{text-align:center;padding:20px 0;border-bottom:1px solid #111}footer .logo a{display:inline-block}footer .logo a img{width:120px}footer .nav{display:flex;flex-wrap:wrap;justify-content:center;padding:20px 0;margin:0;list-style:none}footer .nav li{margin:0 10px}footer .nav li a{display:block;color:#ccc;padding:5px 10px;text-decoration:none;transition:color .3s ease;font-size:14px}footer .nav li a:hover{color:#ca353b}footer .copyright{text-align:center;padding:10px 0;font-size:12px;color:#ccc}@media only screen and (max-width:640px){footer{text-align:center}footer .nav{flex-direction:column}footer .nav li{border-top:1px solid #555}footer .nav li:last-child{border-bottom:1px solid #555}footer .nav li a{text-align:left;font-size:small;padding:12px 20px}}@media only screen and (min-width:641px){footer .nav{flex-direction:row}}