#branding-university-00 {width: 100%; background-color: #000;}
#branding-university-00 #branding-university-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
#branding-university-00 #branding-university-01 #branding-university-02 {padding: 0 15px;}
#branding-university-00 #branding-university-01 #branding-university-02 a {display: block; padding: 15px 0; color: #fff; text-decoration: none;}
#branding-university-00 #branding-university-01 #branding-university-02 a h2 {font-size: inherit; padding: 0; margin: 0; border: none; color: #fff;}
#branding-university-00 #branding-university-01 #branding-university-02 #head-a-search {display: none;}

@media all and (min-width: 600px) { /* nexus 7 & kindle fire (original) */
  #branding-university-00 {box-shadow: 0 5px 5px #000; position: fixed; z-index: 200;}
  #branding-university-00 #branding-university-01 {height: 50px;}
  #branding-university-00 #branding-university-01 #branding-university-02 a {height: 50px; padding: 0; background: #000 url(../_images/appstate-logo.png) 0 5px no-repeat;}
  #branding-university-00 #branding-university-01 #branding-university-02 a h2 {display: none;}
}

@media all and (min-width: 768px) { /* ipad & ipad mini */
  #branding-university-00 {box-shadow: 0 5px 5px #000; position: fixed; z-index: 200;}
  #branding-university-00 #branding-university-01 {display: table; width: 100%; table-layout: fixed; height: 50px;}
  #branding-university-00 #branding-university-01 #branding-university-02 {display: table-row;}
  #branding-university-00 #branding-university-01 #branding-university-02 a {height: 50px; padding: 0; background: #000 url(../_images/appstate-logo.png) 0 5px no-repeat;}
  #branding-university-00 #branding-university-01 #branding-university-02 a h2 {display: none;}
  #branding-university-00 #branding-university-01 #branding-university-02 #branding-university {display: table-cell; width: 30%;}
  #branding-university-00 #branding-university-01 #branding-university-02 #branding-university > .inner {padding: 0 0 0 15px;}
  #branding-university-00 #branding-university-01 #branding-university-02 #head-a-search {display: table-cell; width: 70%; vertical-align: middle;}
  #branding-university-00 #branding-university-01 #branding-university-02 #head-a-search > .inner {padding: 0 15px 0 0;}
  #branding-university-00 #branding-university-01 #branding-university-02 #head-a-search > .inner form {width: 100%; text-align: right; color: #ddd;}
  #branding-university-00 #branding-university-01 #branding-university-02 #head-a-search > .inner form label.search-scope {display: none;}
  #branding-university-00 #branding-university-01 #branding-university-02 #head-a-search > .inner form input {background-color: #000; color: #ddd;}
  #branding-university-00 #branding-university-01 #branding-university-02 #head-a-search > .inner form select {background-color: #000; color: #ddd;}
}