body {
  font-size: 180%;
}

.container {
  max-width: 680px;
}

button.geolocation {
  width: 100%;
  font-size: 4vw;
}

@media (min-width: 768px) {
  button.geolocation {
    font-size: 3vw;
  }
}

@media (min-width: 992px) {
  button.geolocation {
    font-size: 24px;
  }
}


@media (min-width: 440px) {
  h1 small.address {
    display: block;
    padding: 5px 0 2px;
  }
}

/* search results page */
div.row.landing p {
  margin-bottom: 15px;
}

div.row p.map img {
  width: 100%;
}

div.row.results {
  cursor: pointer;
}

div.row.results div.result:hover {
  background-color: #f9f9f9;
}

div.row.results a:hover {
  text-decoration: none;
}

div.row.results h4,
div.row.results h4 a,
div.row.detail h4,
div.row.detail h4 a {
  font-weight: bold;
  color: #333;
}

div.row.results h4.business-name {
  margin-bottom: 2px;
  text-transform: uppercase;
}

div.row.results p.problem-count, /* search */
div.row.detail p.problem-count /* detail */
{
  margin-bottom: 5px;
  font-size: 95%;
}


div.row.results p.problem-count.text-warning, /* search */
div.row.results p.problem-count.text-danger,
div.row.detail p.problem-count.text-warning, /* detail */
div.row.detail p.problem-count.text-danger
{
  opacity: 0.8;
}

div.row.results p.problem-count.text-danger span.badge, /* search */
div.row.detail p.problem-count.text-danger span.badge   /* detail */
{
  background-color: #ff4136;
}

div.row.results p.problem-count.text-warning span.badge, /* search */
div.row.detail  p.problem-count.text-warning span.badge  /* detail */
{
  background-color: #ff851b;
}

div.row.results div.result {
  border-bottom: 1px solid lightgray;
}

div.row.results div.result.empty {
  font-weight: bold;
  font-size: 120%;
  padding: 16px 24px 24px;
}

div.row.results div.distance {
  padding-left: 5px;
  margin-top: 6px;
}

@media (max-width: 768px) {
  div.row.results div.distance {
    margin-top: -3px;
  }
}

div.row.nav {
  margin-top: 7.5px;
}

div.row.nav button {
  font-size: 90%;
}

div.fb-like {
  padding-top: 10px;
  padding-bottom: 10px;
}

div.weekly-stats {
  margin-top: 15px;
}

div.weekly-stats div.panel-body {
  font-size: 90%;
  background-color:rgba(21, 140, 186, 0.3);
}

@media (max-width: 991px) {
div.weekly-stats div.stat {
  padding: 10px;
  /*border-bottom: 1px solid #ccc;*/
  border-bottom: 1px solid rgba(255,255,255, 0.75);
}

div.weekly-stats div.stat:first-of-type {
  padding-top: 0px;
  padding-bottom: 10px;
}

div.weekly-stats div.stat:last-of-type {
  border-bottom: none;
}
}

div.weekly-stats span.number {
  display: block;
  font-size: 150%;
  font-weight: bold;
}

/* footer */
footer span.delimiter {
  color: #aaa;
  padding-left: 4px;
  padding-right: 4px;
}
