.wordmark a.site-name h1 {
  background: url(/sites/biologicalsciences.uchicago.edu/files/template/UC_BS_2C_CMYK_8-19.png) no-repeat scroll 0 0 transparent;
  width: 416px;
  height: 173px;
  text-indent: -9999px;
  text-align: left;
}

.wordmark a.site-name h1 br {
  display: none;
}

html.lt-ie9 .wordmark a.site-name h1 {
    width: 400px;
    height: 60px;
    margin: 0 auto;
  /* http://stackoverflow.com/questions/4885145/ie-8-background-size-fix */
  background: no-repeat center center fixed\0/; /* IE8 HACK */
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/biologicalsciences.uchicago.edu/files/template/UC_BS_2C_CMYK_8-19.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/biologicalsciences.uchicago.edu/files/template/UC_BS_2C_CMYK_8-19.png', sizingMethod='scale')";
}

@media only screen and (max-width: 1249px) and (min-width: 980px) {
  .wordmark a.site-name h1 {
    width: 337px;
    height: 140px;
    background-size: 495px 60px;
  }
}

@media only screen and (max-width: 979px) and (min-width: 768px) {
  .wordmark a.site-name h1 {
    width: 262px;
    height: 109px;
    background-size: 380px 46px;
  }
}

@media only screen and (max-width: 767px) {
  .wordmark a.site-name h1 {
    width: 200px;
    height: 82px;
    background-size: 290px 35px;
  }
}

html.svg .wordmark a.site-name h1 {
  background-image: url(/sites/biologicalsciences.uchicago.edu/files/template/UC_BS_2C_CMYK_8-19.svg);
  background-size: 100%;
  background-position: center;
  margin: 0 auto;
}

.wordmark .uc-wordmark-container {
  display: none;
}

.wordmark {
  padding: 30px 0;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));
  background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
  background: -o-linear-gradient(top, #fff 0%, #fff 100%);
  background: -ms-linear-gradient(top, #fff 0%, #fff 100%);
  background: linear-gradient(top, #fff 0%, #fff 100%);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: relative; }

  #topnav {
  background: #800000;
  background-color: #800000;
  background: -moz-linear-gradient(top, #800000 0%, #800000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #800000), color-stop(100%, #800000));
  background: -webkit-linear-gradient(top, #800000 0%, #800000 100%);
  background: -o-linear-gradient(top, #800000 0%, #800000 100%);
  background: -ms-linear-gradient(top, #800000 0%, #800000 100%);
  background: linear-gradient(top, #800000 0%, #800000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#800000', GradientType=0);
  border-top: 1px solid #fff; }

  #topnav > ul > li a { color: #fff; }

  #topnav > ul > li a:hover { text-decoration: underline; }