/*
 * This will be the file for styles related to tablet in portrait
 */
@media all and (min-width: 533px) {
  .top-bar-ubm .block-magazine-ubm a {
    background-image: url("/sites/all/themes/designnews/images/magazine.jpg");
  }
  header .site-branding {
    min-height: 97px;
  }
  header .site-branding a.site-branding__logo {
    max-height: 87px;
    max-width: 333px;
  }
  header .site-branding .header-siteid-ubm:after {
    content: 'Serving the 21st Century Design Engineer';
  }
  header .site-branding .header-siteid-ubm {
    max-width: 333px;
  }
  header a.site-branding__logo {
    max-height: 87px;
    max-width: 333px;
  }
  header a.site-branding__logo img {
    max-height: 87px;
    max-width: 333px;
  }
  /***** Nav Styles *****/
  .navigation-ubm {
    background-color: #f2f2f2;
    height: auto;
  }
  .navigation-ubm nav li a {
    color: #595959;
    text-transform: none;
    border-top: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
  }
  .navigation-ubm nav li a:hover {
    background-color: #f2f2f2;
    color: #ae1a3a;
    border-top: 2px solid #ae1a3a;
  }
  .navigation-ubm nav li a.active {
    border-top: 2px solid #ae1a3a;
    color: #ae1a3a;
  }
}