/* SHARED SCREEN STYLES
--------------------------- */
@media screen {

  /* HEADER
  --------------------------- */
  /* .header Element */
  .header {
    background: #fff;
    box-shadow: 0 1px 12px rgba(0,0,0,.1);
    position: fixed;
    top: 0;
    user-select: none;
    width: 100%;
    z-index: 4;
  }
  /* Inner Wrappers */
  .header .inner {
    align-items: center;
    display: flex;
    height: 50px;
    margin: 0 2rem;
    padding-bottom: 0;
    padding-top: 0;
    max-width: none;
  }

  /* ZC LOGO
  --------------------------- */
  .header-logo { display:flex; }
  /* IE 11 */ _:-ms-fullscreen, :root .header-logo { display:block; }
  .header-logo svg { width:112.88227874710952px; height:37px; }
}



/* MEDIA QUERIES (MIN)
--------------------------- */

/* TABLET: LANDSCAPE+ */
@media screen and (min-width:1024px) {
  .header .inner { position:relative; padding-left:150px; box-sizing:border-box; }
  /* ZG Logo */
  .header-logo { position:absolute; left:0; top:5px; transform:translate(2px,-3px); }
}



/* MEDIA QUERIES (MAX)
--------------------------- */

/* UP TO TABLET: LANDSCAPE */
@media screen and (max-width:1023px) {
  /* HEADER
  --------------------------- */
  .header .inner { justify-content:center; }

  /* ZC LOGO
  --------------------------- */
  .header-logo svg { width:107.01923076923076px; height:35px; }
}

/* UP TO SMALL MOBILE */
@media screen and (max-width:500px) {
  /* HEADER
  --------------------------- */
  .header .inner { justify-content:flex-start; }
}