#map-container {
  position: relative; }
  #map-container #map-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(119, 44, 142, 0.8);
    z-index: 1018;
    position: absolute;
    text-align: center;
    padding-top: 15%;
    color: #fff; }
    #map-container #map-overlay h1 {
      margin-bottom: 1em; }
  #map-container #map {
    height: 650px; }

#map img {
  box-shadow: none !important; }

#map img.leaflet-marker-icon {
  background-color: #782c8e;
  border-radius: 25px;
  border: 2.5px solid #ffffff; }

#map img.leaflet-checked {
  background-color: #d13350 !important; }

.leaflet-top {
  top: 50% !important; }

#zip-code-filter-container {
  width: 450px;
  margin: 1em auto 1em auto; }
  #zip-code-filter-container form {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #zip-code-filter-container form input[type="text"] {
      width: 37%;
      margin-right: 1em; }
    #zip-code-filter-container form input[type="submit"] {
      background: #00adee; }

.leaflet-popup {
  width: 252px;
  bottom: 23px !important;
  left: -144px !important; }

.leaflet-popup-content-wrapper {
  border-radius: 0px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.9); }
  .leaflet-popup-content-wrapper a {
    color: #00a1e2 !important;
    text-decoration: none;
    font-weight: bold; }

.center {
  text-align: center; }

.start-your-own {
  font-weight: bold;
  margin-bottom: 2em; }
  .start-your-own a {
    color: #d13350;
    text-decoration: none;
    font-size: 20px; }
    .start-your-own a:visited {
      color: #d13350 !important; }
    .start-your-own a:hover {
      text-decoration: underline; }

.blue-button {
  background: #00adee;
  color: #fff !important;
  text-decoration: none;
  padding: .5em 2em;
  border-radius: 20em;
  font-size: 1.5em; }

#gup-heading {
  margin-top: 35px; }

@media only screen and (max-width: 758px) {
  #gup-heading {
    font-size: 1.8em; }

  #zip-code-filter-container {
    width: 100% !important; }

  #zip-code-filter-value {
    margin: 0 auto !important;
    border: 1px solid #898989;
    width: 45%;
    height: 45px; }

  #zip-code-filter {
    display: none; }

  #map {
    height: 300px !important; }

  #map-overlay h1 {
    font-size: 2em;
    width: 60%;
    margin: 30px auto 30px;
    line-height: 1.3em; } }
