#MPResponsiveHeaderBand {
  background: #fff;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  color: #555;
  position: relative;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
#MPResponsiveHeaderBand div,
#MPResponsiveHeaderBand span,
#MPResponsiveHeaderBand h1,
#MPResponsiveHeaderBand h2,
#MPResponsiveHeaderBand h3,
#MPResponsiveHeaderBand h4,
#MPResponsiveHeaderBand h5,
#MPResponsiveHeaderBand h6,
#MPResponsiveHeaderBand p,
#MPResponsiveHeaderBand a,
#MPResponsiveHeaderBand em,
#MPResponsiveHeaderBand img,
#MPResponsiveHeaderBand strong,
#MPResponsiveHeaderBand sub,
#MPResponsiveHeaderBand sup,
#MPResponsiveHeaderBand b,
#MPResponsiveHeaderBand u,
#MPResponsiveHeaderBand i,
#MPResponsiveHeaderBand dl,
#MPResponsiveHeaderBand dt,
#MPResponsiveHeaderBand dd,
#MPResponsiveHeaderBand ol,
#MPResponsiveHeaderBand ul,
#MPResponsiveHeaderBand li,
#MPResponsiveHeaderBand form,
#MPResponsiveHeaderBand label,
#MPResponsiveHeaderBand legend,
#MPResponsiveHeaderBand article,
#MPResponsiveHeaderBand aside,
#MPResponsiveHeaderBand footer,
#MPResponsiveHeaderBand header,
#MPResponsiveHeaderBand nav,
#MPResponsiveHeaderBand section {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: content-box;
}
#MPResponsiveHeaderBand {
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  height: 27px;
}
#MPResponsiveHeaderBand #headerTop {
  margin: 0 auto;
  max-width: 1250px;
  padding: 0 10px;
}
#MPResponsiveHeaderBand ul#mainNav {
  font: bold 12px/12px "HelveticaNeue", "Helvetica Neue", arial, helvetica, clean, sans-serif;
  margin: 0;
  padding: 0;
}
#MPResponsiveHeaderBand ul#mainNav li {
  border-right: 1px solid #cccccc;
  display: block;
  float: left;
  height: 27px;
}
#MPResponsiveHeaderBand ul#mainNav li a {
  display: block;
  padding: 7px 12px 9px;
}
#MPResponsiveHeaderBand ul#mainNav li a b {
  background-repeat: no-repeat;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}
#MPResponsiveHeaderBand ul#mainNav li.news,
#MPResponsiveHeaderBand ul#mainNav li.current,
#MPResponsiveHeaderBand ul#mainNav li.classical {
  text-transform: uppercase;
}
#MPResponsiveHeaderBand ul#mainNav li.mpr a {
  display: block;
  height: 27px;
  padding: 2px;
  width: 106px;
  background: transparent url('http://minnesota.publicradio.org/standard/images/mpr006/global/global_header_sprite.png') no-repeat;
  background-position: -4px 0px;
}
#MPResponsiveHeaderBand ul#mainNav li.mpr.active a {
  background-color: #FFFFFF;
}
#MPResponsiveHeaderBand ul#mainNav li.news a {
  color: #3D8FA5;
}
#MPResponsiveHeaderBand ul#mainNav li.news.active a {
  background-color: #F3F7F9;
}
#MPResponsiveHeaderBand ul#mainNav li.current a {
  color: #B70005;
}
#MPResponsiveHeaderBand ul#mainNav li.current.active a {
  background: no-repeat scroll 0 0 #ffcc66;
  color: #FFFFFF;
}
#MPResponsiveHeaderBand ul#mainNav li.classical.active a {
  background: url("http://minnesota.publicradio.org/standard/images/mpr006/classical/header/top_nav_bg.gif") no-repeat scroll 0 0 #fafaf4;
  color: #6CA42D;
}
#MPResponsiveHeaderBand ul#mainNav li.classical {
  border-right: none;
}
#MPResponsiveHeaderBand ul#mainNav li.classical a {
  color: #8CC63F;
}
#MPResponsiveHeaderBand ul#mainNav li.nav-mpr {
  display: none;
}
#MPResponsiveHeaderBand ul#mainNav li.nav-mpr a {
  color: #000000;
}
#MPResponsiveHeaderBand ul#mainNav span.mobile-title {
  display: none;
  font-size: 16px;
}
#MPResponsiveHeaderBand ul#mainNav span.mobile-title span {
  color: #666666;
  padding-left: 10px;
  font-weight: normal;
  font-size: 14px;
}
#MPResponsiveHeaderBand ul#mainNav li span.collapsedName {
  display: none;
}
#MPResponsiveHeaderBand .nav-mobile-header {
  display: none;
  padding: 10px;
}
#MPResponsiveHeaderBand .nav-mobile-header .nav-cancelbutton {
  float: right;
  border: solid 1px #d1d1d1;
  border-radius: 5px;
  color: 636363;
  text-shadow: 1px 1px 1px #FFFFFF;
  background: #cccccc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cccccc 0%, #a3a3a3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #a3a3a3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cccccc 0%, #a3a3a3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cccccc 0%, #a3a3a3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cccccc 0%, #a3a3a3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cccccc 0%, #a3a3a3 100%);
  /* W3C */
  font-size: 10px;
  padding: 4px 5px 6px 5px;
  line-height: 8px;
  cursor: pointer;
}
#MPResponsiveHeaderBand .nav-mobile-header .nav-headertitle {
  float: left;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #666666;
}
#MPResponsiveHeaderBand ul#secondaryNav {
  float: left;
  margin: 0;
  color: #666666;
  font: bold 12px/12px "HelveticaNeue", "Helvetica Neue", arial, helvetica, clean, sans-serif;
  margin-left: 10px;
}
#MPResponsiveHeaderBand ul#secondaryNav li {
  display: block;
  margin: 0;
  padding: 0;
}
#MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName {
  display: none;
}
#MPResponsiveHeaderBand ul#secondaryNav ul {
  padding: 0;
  margin-bottom: 0;
}
#MPResponsiveHeaderBand ul#secondaryNav ul .nav-support,
#MPResponsiveHeaderBand ul#secondaryNav ul .nav-give-mobile {
  display: none;
}
#MPResponsiveHeaderBand ul#secondaryNav ul .nav-give-title {
  margin-left: 6px;
}
#MPResponsiveHeaderBand ul#secondaryNav ul .nav-give-title > a {
  border: none;
  border-right: 1px solid #7f0a0c;
  border-bottom: 1px solid #7f0a0c;
  border-left: 1px solid #7f0a0c;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li.nav-give-title a:hover {
  color: #FFFFFF;
}
#MPResponsiveHeaderBand ul#secondaryNav ul .nav-give > a {
  background-color: #c0262a;
  color: #FFFFFF;
  height: 28px;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-right: 1px solid #7f0a0c;
  border-bottom: 1px solid #7f0a0c;
}
#MPResponsiveHeaderBand ul#secondaryNav ul .nav-give {
  padding-top: 0;
}
#MPResponsiveHeaderBand ul#secondaryNav ul .nav-give div {
  width: auto;
  margin-left: -80px;
  margin-top: 0;
}
#MPResponsiveHeaderBand ul#secondaryNav ul .nav-give div ul li {
  float: none;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li {
  display: block;
  float: left;
  height: auto;
  padding: 7px 0 0;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li a,
#MPResponsiveHeaderBand ul#secondaryNav ul li span {
  border: 1px solid #FFFFFF;
  color: #666666;
  padding: 7px 6px 0;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li a:hover,
#MPResponsiveHeaderBand ul#secondaryNav ul li span:hover {
  color: #000000;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li a.withSub {
  border-bottom: 0 none;
  border-color: #ffffff #ffffff -moz-use-text-color;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li:hover a.withSub {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  color: #666666;
  background-color: #FFFFFF;
  border-color: #CCCCCC;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  padding: 7px 6px 7px 6px;
  position: relative;
  z-index: 1600;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li div {
  -moz-transition: opacity 0.2s linear 0s;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  height: auto;
  margin-left: -195px;
  margin-top: 8px;
  opacity: 0;
  padding: 10px 5px 5px;
  position: absolute;
  visibility: hidden;
  width: 485px;
  z-index: 1500;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li div ul li:first-child {
  margin-left: 0;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li div ul li {
  float: left;
  height: auto;
  margin: 0 0 10px;
  padding: 0;
  width: 160px;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li div ul li a {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  padding: 0 5px;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li div ul li.head {
  border-bottom: 1px solid #cccccc;
  color: #000000;
  margin: 0 5px 5px;
  padding-bottom: 1px;
  width: 475px;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li div.eventsSub {
  width: 130px;
  margin-left: -45px;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li:hover div {
  display: block;
  opacity: 1;
  visibility: visible;
}
#MPResponsiveHeaderBand ul#secondaryNav ul li:hover div ul li a {
  border: medium none;
}
#MPResponsiveHeaderBand ul#secondaryNav li ul li:first-child {
  margin-left: 11px;
}
#MPResponsiveHeaderBand span.collapsedName {
  padding: 7px 7px 7px 7px;
  cursor: pointer;
}
#MPResponsiveHeaderBand #searchForm {
  float: right;
  height: auto;
  padding: 2px 0 0 0;
  text-align: right;
  width: 200px;
  line-height: 14px;
}
#MPResponsiveHeaderBand #searchForm input.searchbox {
  color: #000000;
  display: inline-block;
  font: 12px/12px "HelveticaNeue", "Helvetica Neue", arial, helvetica, clean, sans-serif;
  padding: 2px;
  width: 100%;
  margin-top: 2px;
  -webkit-appearance: none;
  float: right;
  height: 21px;
  border-radius: 10px;
}
#MPResponsiveHeaderBand #searchForm input.searchbox.empty {
  color: #595959;
}
#MPResponsiveHeaderBand #searchForm span.collapsedName {
  padding: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min--moz-device-pixel-ratio: 1.5) {
  #MPResponsiveHeaderBand ul#mainNav li.mpr a {
    background-image: url('http://minnesota.publicradio.org/standard/images/mpr006/global/global_header_sprite_hidpi.png');
    background-size: 200px;
  }
}
#headerWrapper.ie7 ul#secondaryNav li:hover div,
html.lt-ie8 ul#secondaryNav li:hover div {
  margin-top: 30px;
}
#headerWrapper.ie7 #aboutSub,
html.lt-ie8 {
  margin-left: -242px;
}
#headerWrapper.ie8 ul#secondaryNav li:hover a.withSub,
html.lt-ie9 ul#secondaryNav li:hover a.withSub {
  padding: 7px 7px 8px;
}
#headerWrapper.ie7 ul#secondaryNav li:hover a.withSub,
html.lt-ie8 ul#secondaryNav li:hover a.withSub {
  padding-bottom: 8px;
}
html.touch #MPResponsiveHeaderBand {
  height: 42px;
}
html.touch #MPResponsiveHeaderBand ul#mainNav li {
  height: 42px;
}
html.touch #MPResponsiveHeaderBand ul#mainNav li a {
  height: 28px;
  padding: 14px 12px 0px;
}
html.touch #MPResponsiveHeaderBand ul#mainNav li.mpr a {
  background-position: -4px 6px;
  padding: 2px 2px 13px;
  width: 110px;
  height: 30px;
}
html.touch #MPResponsiveHeaderBand ul#secondaryNav {
  height: 42px;
  margin-left: 0;
}
html.touch #MPResponsiveHeaderBand ul#secondaryNav li {
  height: 42px;
  margin-top: 0;
  padding-top: 0;
}
html.touch #MPResponsiveHeaderBand ul#secondaryNav li a {
  padding: 13px 7px 14px;
  display: inline-block;
}
html.touch #MPResponsiveHeaderBand ul#secondaryNav li ul li:hover a {
  border-top: 0px;
  padding: 14px 7px 14px;
}
html.touch #MPResponsiveHeaderBand ul#secondaryNav li ul li:hover a.withSub {
  padding-bottom: 15px;
}
html.touch #MPResponsiveHeaderBand ul#secondaryNav li ul li:hover div {
  display: none;
  margin-top: 0;
}
html.touch #MPResponsiveHeaderBand ul#secondaryNav .nav-give > a {
  height: 42px;
}
html.touch #MPResponsiveHeaderBand #searchForm {
  padding-top: 8px;
}
@media screen and (max-width: 980px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 180px;
  }
}
/* Smaller than standard 960 (devices and browsers) */
@media screen and (max-width: 959px) {
  #MPResponsiveHeaderBand #headerTop {
    padding: 0 10px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav {
    width: 172px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName {
    display: block;
    background: #ffffff url('list_icon.png') no-repeat 130px 5px;
    padding: 7px 10px 1px 20px;
    height: 13px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName.active {
    padding-bottom: 8px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div {
    display: none;
    position: absolute;
    width: 171px;
    margin-left: -1px;
    top: 27px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    border: 1px solid #ccc;
    z-index: 1600;
    background-color: #fff;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li li.nav-give {
    display: none;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li .nav-give-mobile {
    display: block;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li .nav-give-mobile a {
    color: #c0262a;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li ul li {
    padding: 10px;
    width: 150px;
    font-size: 18px;
    border: 0;
    border-top: 1px solid #cccccc;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li ul li:first-child {
    margin-left: 0;
    border-top: 0;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li ul li:hover a.withSub {
    border: 0 !important;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li ul li div {
    color: red !important;
    border: 1px solid green;
    display: none !important;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li ul li a {
    border: 0;
  }
  #MPResponsiveHeaderBand ul#secondaryNav #secondaryNavWrapper li {
    padding-bottom: 14px;
  }
  #MPResponsiveHeaderBand #searchForm {
    width: 280px;
  }
  #MPResponsiveHeaderBand #searchForm input.searchbox {
    clear: both;
  }
  html.touch #MPResponsiveHeaderBand ul#secondaryNav ul#secondaryNavWrapper li {
    padding: 0;
    width: 171px;
    /*&:hover{
									a.withSub{
										padding: 13px 10px;
										color: #000;
									}
								}*/
  }
  html.touch #MPResponsiveHeaderBand ul#secondaryNav ul#secondaryNavWrapper li a {
    padding: 13px 10px 13px;
  }
  html.touch #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName {
    padding: 14px 10px 14px 20px;
    background-position: 130px 11px;
  }
  html.touch #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div {
    top: 41px;
  }
}
@media screen and (max-width: 880px) and (min-width: 841px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 250px;
  }
}
@media screen and (max-width: 840px) and (min-width: 821px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 220px;
  }
}
@media screen and (max-width: 820px) and (min-width: 801px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 200px;
  }
}
@media screen and (max-width: 800px) and (min-width: 767px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 170px;
  }
}
/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 767px) {
  #MPResponsiveHeaderBand {
    height: 42px;
  }
  #MPResponsiveHeaderBand #headerTop {
    padding: 0;
  }
  #MPResponsiveHeaderBand ul#mainNav {
    padding-left: 10px;
    float: left;
  }
  #MPResponsiveHeaderBand ul#mainNav li {
    height: 42px;
  }
  #MPResponsiveHeaderBand ul#mainNav li a {
    height: 28px;
    padding: 14px 12px 0px;
  }
  #MPResponsiveHeaderBand ul#mainNav li.mpr a {
    background-position: -4px 6px;
    padding: 2px 2px 13px;
    width: 110px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav {
    width: 50px;
    height: 42px;
    margin-left: 0;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li {
    width: 50px;
    height: 27px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div {
    right: 0;
    top: 41px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName {
    background-position: 16px 14px !important;
    height: 33px;
    width: 43px;
    padding: 2px 10px 6px 15px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName b {
    display: none;
  }
  #MPResponsiveHeaderBand #searchForm {
    width: 30px;
  }
  #MPResponsiveHeaderBand #searchForm span.collapsedName {
    background: #ffffff url('search.png') no-repeat center center;
    height: 39px;
    width: 30px;
    display: block;
  }
  #MPResponsiveHeaderBand #searchForm .nav-search {
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    padding: 10px;
    box-sizing: border-box;
    z-index: 100;
  }
  #MPResponsiveHeaderBand #rightNav {
    float: right;
  }
  html.touch #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName {
    padding: 0 0 8px 0;
  }
  html.touch #MPResponsiveHeaderBand #searchForm {
    padding-top: 0;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width: 479px) {
  #MPResponsiveHeaderBand .nav-mobile-header {
    display: block;
  }
  #MPResponsiveHeaderBand #headerTop {
    padding: 0;
  }
  #MPResponsiveHeaderBand ul#mainNav li span.collapsedName {
    display: block;
    background-image: url('services.png');
    background-position: 10px 13px;
    background-repeat: no-repeat;
    padding: 15px 12px 14px 41px;
  }
  #MPResponsiveHeaderBand ul#mainNav li ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    margin-top: 1px;
  }
  #MPResponsiveHeaderBand ul#mainNav li ul li {
    background-color: #FFFFFF;
    float: none;
    border-bottom: 1px solid #cccccc;
    border-right: none;
    margin-bottom: 0;
  }
  #MPResponsiveHeaderBand ul#mainNav span.station-title {
    display: none;
  }
  #MPResponsiveHeaderBand ul#mainNav span.mobile-title {
    display: block;
    text-transform: none;
  }
  #MPResponsiveHeaderBand ul#mainNav li.nav-mpr {
    display: block;
  }
  #MPResponsiveHeaderBand ul#mainNav .nav-mobile-header {
    width: 100px;
    background-color: #FFFFFF;
    float: right;
    margin-top: -28px;
    padding: 3px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav #secondaryNavWrapper {
    width: 100%;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div {
    width: 100%;
    left: 0;
    top: 0 !important;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div ul li,
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div ul li:hover {
    width: 100% !imporant;
    float: none;
    padding-left: 10px;
  }
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div ul li a,
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div ul li:hover a,
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div ul li a:hover,
  #MPResponsiveHeaderBand ul#secondaryNav li span.collapsedName + div ul li:hover a:hover {
    padding: 0;
  }
  #MPResponsiveHeaderBand #searchForm .nav-search {
    top: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  }
  #MPResponsiveHeaderBand #searchForm .nav-search header {
    padding: 0;
    padding-bottom: 10px;
  }
  #MPResponsiveHeaderBand #searchForm .nav-search input.searchbox {
    font-size: 16px;
    width: 100%;
    padding: 2px;
    -webkit-text-size-adjust: none;
  }
  html.touch #MPResponsiveHeaderBand ul#secondaryNav ul#secondaryNavWrapper li {
    width: 100%;
  }
}
/* deal with larger screens */
@media only screen and (min-width: 1025px) {
  #MPResponsiveHeaderBand #headerTop {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1040px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 25%;
  }
}
@media only screen and (min-width: 1080px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 28%;
  }
}
@media only screen and (min-width: 1120px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 30%;
  }
}
@media only screen and (min-width: 1160px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 32%;
  }
}
@media only screen and (min-width: 1200px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 34%;
  }
}
@media only screen and (min-width: 1240px) {
  #MPResponsiveHeaderBand #searchForm {
    width: 38%;
  }
}
/* make the search retina on retina devices. 
Do this as a more explicit style since less seems to hate it */
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 2), screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 2/1), screen and (max-width: 767px) and (min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi), screen and (max-width: 767px) and (min-resolution: 2dppx) {
  #MPResponsiveHeaderBand #searchForm span.collapsedName {
    background-image: url("search-2x.png");
    background-size: 18px 18px;
  }
}