/* Modal on home page to pick the closest location */

#myModal {
  font-family: 'Roboto Condensed';
  background: rgba(0,0,0,0.7);
}

#myModal h2 {
  font-size: 24px;
  line-height: 1.4;
}

@media (min-width: 576px) {
  #myModal h2 {
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  #myModal h2 {
    font-size: 32px;
  }
}

#myModal .location-text {
  font-size: 24px;
  font-weight: 700;
  color: #16ffff;
}

#myModal .bg-location {
  background: #42165c;
  transition: all .3s;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
}

#myModal .bg-location:hover {
  background: rgba(66,22,92,0.75);
  transition: all .3s;
}