html body footer {
  width: 100%;
  height: 80px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  border-bottom: 1px white solid;
  /* =============================================================== RESPONSIVE =================================================================*/ }
  html body footer .sign {
    vertical-align: middle;
    width: 250px;
    margin: 32px auto 20px 10vw;
    color: #122061; }
  html body footer .footer-menu {
    margin: 0 10vw 20px auto; }
    html body footer .footer-menu ul li {
      margin: 32px; }
      html body footer .footer-menu ul li a {
        color: #a1b1de;
        white-space: nowrap; }
        html body footer .footer-menu ul li a:hover {
          color: #122061; }

@media (max-width: 960px) {
  html body footer {
    position: relative;
    height: 35px;
    flex-direction: column;
    z-index: 10; }
    html body footer .sign {
      width: 100vw;
      text-align: center;
      margin: 10px auto 0; }
    html body footer .footer-menu {
      margin: 0; }
      html body footer .footer-menu ul {
        width: 100vw;
        display: none; }
        html body footer .footer-menu ul li {
          margin: 10px auto; } }