.logo {
  max-width: 100%;
  /*margin-top: 7px;
  margin-left: 25px;*/ }

.menu-icon {
  padding-top: 1.2em; }

.top-bar {
  background: #ffffff;
  color: #000000; }

.top-bar.expanded {
  background: #ffffff; }

.top-bar-section li:not(.has-form) a:not(.button) {
  background: #ffffff;
  color: #000000;
  font-size: 1em;
  font-weight: 700; }

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background: #ffffff;
  color: #5d9955; }

.top-bar-section li:not(.has-form) a:not(.button):active {
  background: #ffffff;
  color: #5d9955; }

.top-bar-section li.menu-button-active:not(.has-form) a:not(.button) {
  background: #ffffff;
  color: #000000;
  border-bottom: 2px solid #5d9955; }

.top-bar-section li:not(.has-form) a.link-user:not(.button) {
  color: #2a7b99; }

.contain-to-grid {
  background: #ffffff; }

.menu-bar {
  color: #000000; }

@media only screen and (min-width: 40em) {
  .top-bar {
    padding-bottom: 4rem;
    text-align: center;
    /*background: #5d9955;*/
    background: #ffffff; }

  /*.top-bar-section li:not(.has-form) a:not(.button) {
      /!*background: #5d9955;*!/
      background: #ffffff;
      color: #000000;
  }*/
  ul.navigation {
    /*margin-right: 25px;*/ }

  .logo {
    max-width: 100%; }

  #my-rambit {
    text-align: right; } }

.footer-container {
  flex-shrink: 0; }

.footer {
  color: #ffffff;
  background: #5d9955;
  margin-top: 10px;
  padding: 5px 0px 5px 0px; }

.footer-copyright {
  /*color: #ffffff;
  background: #5d9955;*/
  color: #000000;
  background: #ffffff;
  padding: 5px 0px 5px 0px; }

span.copyright {
  font-size: 0.8em;
  white-space: nowrap; }

.links {
  font-size: 0.8em;
  white-space: nowrap; }