/*-----------------
* palette
* ----------------
*
*/

/******** Footer *******/

footer {
  background: #EDEEE7;

  .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;

    li {
      margin-right: 20px;
    }

    a {
      color: #3E3E3E;
    }

    a:hover {
      color: #95561C;
    }
  }

  img.company-logo {
    width: 200px;
  }
}

.contact-details {
  margin-top: 60px;

  li {
    display: flex;
    align-items: center;
  }

  a {
    color: #3E3E3E;
  }

  a:hover {
    color: #95561C;
  }

  svg {
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
}

.credits {
  font-size: 12px;
  border-top: 1px solid rgba(112, 112, 112, 0.56);
  padding: 20px 0 0;
  margin-top: 40px;

  a {
    color: #24382D;
  }

  a:hover {
    color: #95561C;
  }
}

.footer-right {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

/******** Responsive ***********/

/* XXL > 1400 */

/* XL */
@media (max-width: 1400px) {}

/* L */
@media (max-width: 1200px) {}

/* M */
@media (max-width: 992px) {}

/* S */
@media (max-width: 768px) {
  .contact-details {
    margin-top: 30px;
  }

  .menu-footer-container {
    margin-top: 15px;
  }
}

/* XS */
@media (max-width: 576px) {
  .footer-right {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
  }

  footer {
    .menu {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;

      li{
        margin: 10px 0;
      }
    }
  }
}