.top { font-size: 13px; background-color: #f5f5f5; border-bottom: 1px solid #ededed; color: #aaaaaa; }

.top__tagline { text-align: center; padding: 8px 0 2.5px 0; margin-left: 50px;}
@media (min-width: 992px) { .top__tagline { float: left; padding: 7.5px 0; } }
.top__menu { text-align: center;  }
@media (min-width: 992px) { .top__menu { float: right; } }
.top-navigation { text-align: center; margin: 0; padding: 0; }
@media (min-width: 992px) { .top-navigation { text-align: right; } }
.top-navigation > li { position: relative; display: inline-block; }
.top-navigation > li > a { display: block; color: #aaaaaa; padding: 7.5px 10px; }
@media (min-width: 992px) { .top-navigation > li > a { padding: 7.5px 13px; } }
.top-navigation > li > a:hover, .top-navigation > li > a:focus { color: #888888; text-decoration: none; }
.top-navigation > li:hover > .sub-menu, .top-navigation > li[aria-expanded="true"] > .sub-menu { left: 0; }
@media (min-width: 992px) { .top-navigation > li:last-of-type > a { padding-right: 0; } }
.top-navigation .sub-menu { position: absolute; float: left; left: -9999em; z-index: 9999; text-align: left; list-style: none; padding: 0; }
.top-navigation .sub-menu > li { position: relative; }
.top-navigation .sub-menu > li > a { display: block; white-space: nowrap; background-color: #f5f5f5; color: #aaaaaa; padding: 7px 13px; border-bottom: 1px solid #ededed; }
.top-navigation .sub-menu > li > a:hover, .top-navigation .sub-menu > li > a:focus { color: #888888; text-decoration: none; }

.top-navigation .sub-menu > li:last-of-type > a { border-bottom: 0; }