/* overwrite unit image dimensions */
/* default height: 64:52px, 48:40px, 32:28px */

#masthead.unit-sig .unit a {
  width: 328px;
}
@media screen and (max-width: 980px) {
#masthead.unit-sig .unit a {
  width: 248px;
}
}
@media screen and (max-width: 580px) {
#masthead.unit-sig .unit a {
  width: 170px;
}
}



/* unit-64 */

.unit-sig {
	padding-top: 32px;
	padding-bottom: 28px;
}

.unit-sig .logo,
.unit-sig .wordmark,
.unit-sig .unit {
  margin: 0;
}
.unit-sig .logo a,
.unit-sig .wordmark a,
.unit-sig .unit a {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  background-position: left 0;
  background-repeat: no-repeat;
}
.unit-sig.center .logo a,
.unit-sig.center .wordmark a,
.unit-sig.center .unit a {
  margin-left: auto;
  margin-right: auto;
}
.unit-sig .wordmark,
.unit-sig .unit {
  margin-left: 84px;
}
.unit-sig.center .wordmark,
.unit-sig.center .unit {
  margin-left: 0;
}
.unit-sig .logo a {
  width: 66px;
  height: 74px;
  background-image: url('../images/unit-sig/mu-logo-64-stroked.svg');
  /* Neagative margin for 1px rule alignment */
  margin-left: -1px;
  float: left;
  margin-bottom: 20px
}
.unit-sig.center .logo a {
  float: none;
}
.unit-sig .wordmark a {
  width: 243px;
  height: 26px;
  background-image: url('../images/unit-sig/unit-wordmark-64.svg');
  /*margin-bottom: 20px;*/
}
.unit-sig.reverse .wordmark a {
  background-image: url('../images/unit-sig/unit-wordmark-64-white.svg');
}
.unit-sig .wordmark a:hover,
.unit-sig .wordmark a:focus,
.unit-sig .wordmark a:active {
  background-position: left -26px;
}
.unit-sig .unit {
  /* Adjust the space between unit name and wordmark as needed */
  margin-bottom: 6px;
}
.unit-sig .unit a {
  /* Link to your 64px unit art file and set with and height */
  width: 500px;
  height: 52px;
  background-image: url('../images/unit-sig/unit-64.svg');
}
.unit-sig.reverse .unit a {
  background-image: url('../images/unit-sig/unit-64-white.svg');
}
.unit-sig .unit a:hover,
.unit-sig .unit a:focus,
.unit-sig .unit a:active {
  /* Set the height to match your unit art file */
  background-position: left -52px;
}
/* If you want this size to print out, include this */
@media print {
  .unit-sig .logo a,
  .unit-sig .wordmark a,
  .unit-sig .unit a {
    position: relative;
    background: none;
  }
  .unit-sig .logo a:after,
  .unit-sig .wordmark a:after,
  .unit-sig .unit a:after {
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .unit-sig .logo a:after {
    content: url('../images/unit-sig/mu-logo-64.svg');
  }
  .unit-sig .wordmark a:after {
    content: url('../images/unit-sig/unit-wordmark-64.svg');
  }
  /* Link to your 64px unit art file, black text version */
  .unit-sig .unit a:after {
    content: url('../images/unit-sig/unit-64.svg');
  }
}
/* IE8 PNG fallback. Target with an ie8 class or place in your ie8 only stylesheet */
.ie8 .unit-sig .logo a {
  background-image: url('../images/unit-sig/mu-logo-64-stroked.png');
}
.ie8 .unit-sig .wordmark a {
  background-image: url('../images/unit-sig/unit-wordmark-64.png');
}
.ie8 .unit-sig.reverse .wordmark a {
  background-image: url('../images/unit-sig/unit-wordmark-64-white.png');
}
.ie8 .unit-sig .unit a {
  /* Link to your 32px unit art file */
  background-image: url('../images/unit-sig/unit-64.png');
}
.ie8 .unit-sig.reverse .unit a {
  /* Link to your 32px unit art file */
  background-image: url('../images/unit-sig/unit-64-white.png');
}
/* If you want this size to print out in ie8, include this */
@media print {
  .ie8 .unit-sig .logo a {
    background-image: url('../images/unit-sig/mu-logo-64-stroked.png');
  }
  .ie8 .unit-sig .wordmark a,
  .ie8 .unit-sig.reverse .wordmark a {
    background-image: url('../images/unit-sig/unit-wordmark-64.png');
  }
  /* Link to your 64px unit art file, black text version */
  .ie8 .unit-sig .unit a:after,
  .ie8 .unit-sig.reverse .unit a:after {
    content: url('../images/unit-sig/unit-64.png');
  }
}



/* unit-48 */
@media screen and (max-width: 980px) {
	

.unit-sig .logo,
.unit-sig .wordmark,
.unit-sig .unit {
  margin: 0;
}
.unit-sig .logo a,
.unit-sig .wordmark a,
.unit-sig .unit a {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  background-position: left 0;
  background-repeat: no-repeat;
}
.unit-sig.center .logo a,
.unit-sig.center .wordmark a,
.unit-sig.center .unit a {
  margin-left: auto;
  margin-right: auto;
}
.unit-sig .wordmark,
.unit-sig .unit {
  margin-left: 63px;
}
.unit-sig.center .wordmark,
.unit-sig.center .unit {
  margin-left: 0;
}
.unit-sig .logo a {
  width: 50px;
  height: 56px;
  background-image: url('../images/unit-sig/mu-logo-48-stroked.svg');
  /* Neagative margin for 1px rule alignment */
  margin-left: -1px;
  float: left;
  margin-bottom: 15px;
}
.unit-sig.center .logo a {
  float: none;
}
.unit-sig .wordmark a {
  width: 183px;
  height: 20px;
  background-image: url('../images/unit-sig/unit-wordmark-48.svg');
  /*margin-bottom: 15px;*/
}
.unit-sig.reverse .wordmark a {
  background-image: url('../images/unit-sig/unit-wordmark-48-white.svg');
}
.unit-sig .wordmark a:hover,
.unit-sig .wordmark a:focus,
.unit-sig .wordmark a:active {
  background-position: left -20px;
}
.unit-sig .unit {
  /* Adjust the space between unit name and wordmark as needed */
  margin-bottom: 5px;
}
.unit-sig .unit a {
  /* Link to your 48px unit art file and set with and height */
  width: 300px;
  height: 40px;
  background-image: url('../images/unit-sig/unit-48.svg');
}
.unit-sig.reverse .unit a {
  background-image: url('../images/unit-sig/unit-48-white.svg');
}
.unit-sig .unit a:hover,
.unit-sig .unit a:focus,
.unit-sig .unit a:active {
  /* Set the height to match your unit art file */
  background-position: left -40px;
}
/* If you want this size to print out, include this */
@media print {
  .unit-sig .logo a,
  .unit-sig .wordmark a,
  .unit-sig .unit a {
    position: relative;
    background: none;
  }
  .unit-sig .logo a:after,
  .unit-sig .wordmark a:after,
  .unit-sig .unit a:after {
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .unit-sig .logo a:after {
    content: url('../images/unit-sig/mu-logo-48.svg');
  }
  .unit-sig .wordmark a:after {
    content: url('../images/unit-sig/unit-wordmark-48.svg');
  }
  /* Link to your 48px unit art file, black text version */
  .unit-sig .unit a:after {
    content: url('../images/unit-sig/unit-48.svg');
  }
}
/* IE8 PNG fallback. Target with an ie8 class or place in your ie8 only stylesheet */
.ie8 .unit-sig .logo a {
  background-image: url('../images/unit-sig/mu-logo-48-stroked.png');
}
.ie8 .unit-sig .wordmark a {
  background-image: url('../images/unit-sig/unit-wordmark-48.png');
}
.ie8 .unit-sig.reverse .wordmark a {
  background-image: url('../images/unit-sig/unit-wordmark-48-white.png');
}
.ie8 .unit-sig .unit a {
  /* Link to your 32px unit art file */
  background-image: url('../images/unit-sig/unit-48.png');
}
.ie8 .unit-sig.reverse .unit a {
  /* Link to your 32px unit art file */
  background-image: url('../images/unit-sig/unit-48-white.png');
}
/* If you want this size to print out in ie8, include this */
@media print {
  .ie8 .unit-sig .logo a {
    background-image: url('../images/unit-sig/mu-logo-48-stroked.png');
  }
  .ie8 .unit-sig .wordmark a,
  .ie8 .unit-sig.reverse .wordmark a {
    background-image: url('../images/unit-sig/unit-wordmark-48.png');
  }
  /* Link to your 48px unit art file, black text version */
  .ie8 .unit-sig .unit a:after,
  .ie8 .unit-sig.reverse .unit a:after {
    content: url('../images/unit-sig/unit-48.png');
  }
}
	
}


/* unit-32 */

@media screen and (max-width: 580px) {
.unit-sig {
	padding-top: 25px;
	padding-bottom: 23px;
}
.unit-sig .logo,
.unit-sig .wordmark,
.unit-sig .unit {
  margin: 0;
}
.unit-sig .logo a,
.unit-sig .wordmark a,
.unit-sig .unit a {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  background-position: left 0;
  background-repeat: no-repeat;
}
.unit-sig.center .logo a,
.unit-sig.center .wordmark a,
.unit-sig.center .unit a {
  margin-left: auto;
  margin-right: auto;
}
.unit-sig .wordmark,
.unit-sig .unit {
  margin-left: 42px;
}
.unit-sig.center .wordmark,
.unit-sig.center .unit {
  margin-left: 0;
}
.unit-sig .logo a {
  width: 34px;
  height: 38px;
  background-image: url('../images/unit-sig/mu-logo-32-stroked.svg');
  /* Neagative margin for 1px rule alignment */
  margin-left: -1px;
  float: left;
  margin-bottom: 10px;
}
.unit-sig.center .logo a {
  float: none;
}
.unit-sig .wordmark a {
  width: 149px;
  height: 17px;
  background-image: url('../images/unit-sig/unit-wordmark-32.svg');
  /*margin-bottom: 10px;*/
}
.unit-sig.reverse .wordmark a {
  background-image: url('../images/unit-sig/unit-wordmark-32-white.svg');
}
.unit-sig .wordmark a:hover,
.unit-sig .wordmark a:focus,
.unit-sig .wordmark a:active {
  background-position: left -17px;
}
.unit-sig .unit {
  /* Adjust the space between unit name and wordmark as needed */
  margin-bottom: 4px;
}
.unit-sig .unit a {
  /* Link to your 32px unit art file and set with and height */
  width: 200px;
  height: 28px;
  background-image: url('../images/unit-sig/unit-32.svg');
}
.unit-sig.reverse .unit a {
  background-image: url('../images/unit-sig/unit-32-white.svg');
}
.unit-sig .unit a:hover,
.unit-sig .unit a:focus,
.unit-sig .unit a:active {
  /* Set the height to match your unit art file */
  background-position: left -28px;
}
/* If you want this size to print out, include this */
@media print {
  .unit-sig .logo a,
  .unit-sig .wordmark a,
  .unit-sig .unit a {
    position: relative;
    background: none;
  }
  .unit-sig .logo a:after,
  .unit-sig .wordmark a:after,
  .unit-sig .unit a:after {
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .unit-sig .logo a:after {
    content: url('../images/unit-sig/mu-logo-32.svg');
  }
  .unit-sig .wordmark a:after {
    content: url('../images/unit-sig/unit-wordmark-32.svg');
  }
  /* Link to your 32px unit art file, black text version */
  .unit-sig .unit a:after {
    content: url('../images/unit-sig/unit-32.svg');
  }
}
/* IE8 PNG fallback. Target with an ie8 class or place in your ie8 only stylesheet */
.ie8 .unit-sig .logo a {
  background-image: url('../images/unit-sig/mu-logo-32-stroked.png');
}
.ie8 .unit-sig .wordmark a {
  background-image: url('../images/unit-sig/unit-wordmark-32.png');
}
.ie8 .unit-sig.reverse .wordmark a {
  background-image: url('../images/unit-sig/unit-wordmark-32-white.png');
}
.ie8 .unit-sig .unit a {
  /* Link to your 32px unit art file */
  background-image: url('../images/unit-sig/unit-32.png');
}
.ie8 .unit-sig.reverse .unit a {
  /* Link to your 32px unit art file */
  background-image: url('../images/unit-sig/unit-32-white.png');
}
/* If you want this size to print out in ie8, include this */
@media print {
  .ie8 .unit-sig .logo a {
    background-image: url('../images/unit-sig/mu-logo-32-stroked.png');
  }
  .ie8 .unit-sig .wordmark a,
  .ie8 .unit-sig.reverse .wordmark a {
    background-image: url('../images/unit-sig/unit-wordmark-32.png');
  }
  /* Link to your 32px unit art file, black text version */
  .ie8 .unit-sig .unit a:after,
  .ie8 .unit-sig.reverse .unit a:after {
    content: url('../images/unit-sig/unit-32.png');
  }
}