footer{ background:#29166f; color:#fff; padding:57px 0 48px; }
.footer{ display:flex; justify-content:space-between; flex-wrap:wrap; max-width:1414px; padding:0 10px; margin:0 auto; font-size:.93333rem; line-height:1.8; }
.footer a{ color:#fff; }
.footer div .icon{ margin-right:29px; }
.footer div .icon::before{ font:normal normal normal 14px/1 FontAwesome; font-size:4.8rem;}
.footer div:nth-child(1) .icon::before{ content:'\f041'; }
.footer div:nth-child(2) .icon::before{ content:'\f095'; }
.footer div:nth-child(3) .icon::before{ content:'\f0e0'; }
.footer>div{ display:flex; align-items:center; width:28%; }
.footer .copyright{ text-align:center; padding:22px 0 0 0; width:auto; margin:0 auto; }

.gotop { display:none; position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:1; }
.gotop a { align-items:center; background: #434343; border:1px solid #fff; border-radius:7px; color:#fff; display:flex; font-size:20px; justify-content:center; width:50px; height:50px; }
.gotop a:hover { color:#ccc; }

@media only screen and (max-width: 1500px){
.footer{padding: 0 12%;}
}

@media only screen and (max-width: 999px){
    .footer{ flex-direction:column; }
    .footer div .icon{ margin:30px 0 0; }
    .footer div .icon::before{ font-size:2rem; }
    .footer > div{ width:auto; display:block; text-align:center; }
}