/* CSS for non-touch displays */

@media screen and (min-width: 751px)
{
  nav ul li:hover > ul,
  nav ul ul li:hover > ul
  {
    display: block;
  }
}

@media screen and (max-width: 750px)
{
  nav ul li:hover > ul,
  nav ul ul li:hover > ul
  {
    display: block;
  }

  nav ul,
  nav ul li
  {
    display: block;
    position: relative;
    width: 100%;
  }

  nav ul ul
  {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 9em;
    background: linear-gradient(to right, rgba(0,58,99,0), rgba(0,58,99,1));
  }
  
  nav ul ul li a
/*  nav ul ul li span.dropdownOpen */
  {
    float: none;
    padding: 1ex .5em 1ex 2em;
    text-align: right;
  }
}