@media screen, projection {
  body {margin-top:50px !important;}
  .ndbrandbar {z-index:200; position:absolute; top:0; left:0; width:100%; border-bottom:1px solid #001227; box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
    background:#0c2340 url('texture-checkers-lightblue50.png') 0 0 repeat;
    background:-webkit-linear-gradient(top, #003b7c 0%, #001227 100%);
    background:linear-gradient(to bottom, #003b7c 0%, #001227 100%);
  }
  .brandbar-list {margin:0; padding:0; list-style:none;}
    .brandbar-list li {margin:0 auto;}
      .ndbrandbar a {display:block; margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-size:auto 50px;}
        .ndbrandbar a:focus {background-color:rgba(255,255,255,0.2);}
        .ndbrandbar .dept-nd a {width:301px; background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white.png');}
}

@media only screen and (min-width:700px) {
  .ndbrandbar li {margin:0 32px;}
  .ndbrandbar a {margin:0;}
}

@media
  only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio:1.5),
  only screen and (min-resolution:144dpi),
  only screen and (min-resolution:1.5dppx){
    .ndbrandbar .dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white@2x.png');}
}