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

/******** Header *********/

header#header {
  position: absolute;
  z-index: 999;
  width: 100%;
  padding: 30px 0;

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

ul.contact-details {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;

  li {
    margin-left: 15px;
  }

  strong {
    color: #A00005;
  }

  a {
    color: #fff;
  }

  a:hover {
    color: #A00005;
  }
}

ul.contact-details li:nth-child(2) {
  margin: 0 0 0 15px;
}

.top-header--wrap {
  background-color: #A00005;
  color: #fff;
  padding: 5px 0;
  display: none;
}

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

/* XXL > 1400 */

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

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

/* M */
@media (max-width: 992px) {
  header#header {
    img.company-logo {
      width: 175px;
    }

    ul.contact-details {
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: flex-end;
      font-size: 13px;
    }
  }
}

/* S */
@media (max-width: 768px) {

  header#header {
    img.company-logo {
      width: 225px;
    }

    ul.contact-details {
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: center;
      font-size: 15px;

      li {
        margin-left: 0px;
        margin-right: 0px;
      }

      strong {
        color: #fff;
      }
    }

    ul.contact-details li:nth-child(2) {
      margin: 0 15px;
    }

    a.company-logo-link {
      margin: auto;
      display: block;
      text-align: center;
    }
  }

  ul.contact-details.contact-details--main {
    display: none !important;
  }

  .top-header--wrap {
    display: block;
    margin-bottom: 15px;
  }

  header#header {
    padding: 0px 0 30px 0;
  }

}

/* XS */
@media (max-width: 576px) {
  ul.contact-details {
    font-size: 12px !important;
  }

  header {
    ul.contact-details li:nth-child(2) {
      margin: 0 5px !important;
    }
  }
}


@media (max-width: 440px) {
  ul.contact-details {
    font-size: 10px !important;
  }
}