#accordion {
  position: relative;
}

  #accordion ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

    #accordion ul li {
      padding: 0;
      margin: 0;
    }
    
      #accordion ul li a {
        font-size: 1.2em;
      }

  /* Top-Level Links/Headers */

  #accordion ul li a {
    position: relative;
    display: block;
    height: 2.5em;
    line-height: 2.5em;
    text-indent: 0.8em;
    text-decoration: none;
    color: #121212;
    font-weight: 700;
    letter-spacing: 1px;
    background-color: #F9F9F9;
  }
    
  #accordion ul li.menu-item-has-children > a:after {
    display: block;
    position: absolute;
    top: 0;
    right: 1em;
    height: inherit;
    line-height: inherit;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    content: '\f078';
  }
    
  #accordion ul li.active > a:after {
    content: '\f077';
  }
    
  #accordion ul li a:hover {
    color: #D31C23;
  }

  /* Sub-Level Links */

  #accordion ul ul {
    background-color: #ECECEC;
  }

    #accordion ul ul li a {
      position: relative;
      display: block;
      height: 0;
      text-indent: 0.8em;
      text-decoration: none;
      color: #191919;
      font-weight: 400;
      letter-spacing: 1px;
      /*
      -moz-transition: height 0.4s;
      -webkit-transition: height 0.4s;
      transition: height 0.4s;
      */
      overflow: hidden;
    }
  
    #accordion ul li.active > ul > li > a {
      height: 2.5em;
    }
      
    #accordion ul ul li a:hover {
      color: #D31C23;
      background-color: #F6F6F6;
    }

  #accordion ul ul ul li a {
    text-indent: 1.6em;
  }

  #accordion ul ul ul ul li a {
    text-indent: 2.4em;
  }

@media all and (orientation: portrait){    

  #accordion ul li a {
    font-size: 1.4em;
  }

}