/*  new colors  */
/* specialty colors not on master color pallet */
/*********** Large Mobile Styles ***************/
@media screen and (max-width: 999px) {
  body:after {
    content: 'large-mobile';
    display: none;
  }
  #container,
  #breadcrumbs {
    width: 100%;
    margin: 0;
  }
  #search {
    margin-right: 10px;
  }
  #search form #search-text {
    height: 29px;
  }
  #content {
    padding: 25px 25px;
  }
  footer {
    font-size: 12px;
    padding: 10px;
    margin: 0;
  }
  input {
    border-radius: 0;
  }
}
/*********** Small Mobile Styles ***************/
@media screen and (max-width: 665px) {
  body:after {
    content: 'small-mobile';
    display: none;
  }
  body {
    background-repeat: repeat;
    min-height: 400px;
  }
  #breadcrumbs {
    font-size: 10px;
  }
  header #logo {
    margin-right: 0;
    top: 15px;
    bottom: auto;
  }
  header #logo img {
    height: 30px;
  }
  header #banner_title {
    margin-left: 14px;
    font-size: 24px;
    line-height: 1.1;
    white-space: normal !important;
    bottom: auto;
    top: 26px;
    left: 140px;
  }
  header #search {
    margin: 0 5px 0 0;
    bottom: 15px;
  }
  header #search #search-text {
    width: 245px;
    padding-top: 1px;
  }
  #content {
    padding: 10px;
    font-size: 16px;
  }
  #content h1,
  #content h2,
  #content h3,
  #content p {
    margin: 3px 3px 7px;
  }
  #content h1 {
    font-size: 1.3em;
  }
  footer div {
    clear: both;
  }
  footer #cb_address {
    float: left;
  }
  footer #cb_name {
    letter-spacing: normal;
  }
}
/* Styles for devices which are small enough to trigger our phone code,
 * but big enough to hold the smaller title and search bar in one line.
 */
@media only screen and (max-width: 665px) and (min-width: 485px) {
  body:after {
    content: 'mid-mobile';
    display: none;
  }
  header #search {
    margin-top: 15px;
  }
}