.top-bar {
    background:black;
}

.top-bar-section li a:not(.button) {
    background: black !important;   
}

.top-bar-section li a:not(.button):hover {
    background: gray !important;   
}

.top-bar-section ul li.active > a {
    background: gray !important;   
}

.top-bar-section ul li.active > a:hover {
    background: black !important;   
}

/*.top-bar {
    background: #008CBA;
}

.top-bar-section li a:not(.button) {
    background: #008CBA !important;   
}

.top-bar-section li a:not(.button):hover {
    background: #008ACC !important;   
}

.top-bar-section ul li.active > a {
    background: #008ACC !important;   
}

.top-bar-section ul li.active > a:hover {
    background: #008CBA !important;   
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
     border-right: 1px solid white;
}

.top-bar.expanded .title-area {
    background: none repeat scroll 0% 0% #008CBA;
}*/

/*----------------------*/

.dist {
  margin-top: 1em;
}

/*----------------------*/


/*@media only screen and (max-width: 64em) { 
  .large-only {
    display: none;
  }
}

@media only screen and (min-width: 64em) and (max-width: 40em) { 
  .medium-min-only {
    display: none;
  }
}*/


@media only screen and (max-width: 40em) { /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  .hide-min {
    display:none;
  }
} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
  .hide-medium {
    display:none;
  }
}

@media only screen and (min-width: 64.063em) {  /* min-width 1025px, large screens */
  .hide-max {
    display:none;
  }
}




.right {
  float: right;
}

.center {
  text-align: center;
}

td.price {
  text-align: right;
}



html { font-size:100%; }

@media (max-width: 640px) { 
  body {font-size:0.8rem;} 
} 
@media (min-width: 640px) { 
  body {font-size:1rem;} 
} 
@media (min-width:960px) { 
  body {font-size:1.2rem;} 
} 
@media (min-width:1100px) { 
  body {font-size:1.5rem;} 
}