/*
Mobile First Stylings
*/

.info-title {
  display: inline-block;
  margin-left: 1rem;
}

.column {
  padding: 2rem;
}

/*
  need columns container to have negative margin to offset the padding of the columns so it aligns with grid
*/
.columns {
  margin-left: -2rem;
  margin-right: -2rem;
  margin-top: -2rem;
}

.location-name-title {
  margin-bottom: 0.25em;
  font-size: 1.75em;
  font-weight: 600;
}

.location-info__items {
  margin-bottom: 1.5em;
}

.section-title {
  font-size: 1.75rem;
}

.stat-number {
  font-size: 2rem;
}


.alert-wrapper {
  background-color: #707270;
  color: #fff;
}

.alert-container {
  padding: 1.5rem 0;
}

.alert-container a {
  text-decoration: underline;
  color: #fcbe31;
  font-weight: 700;
}

.alert-container a:hover {
  color: #e184b5;
}

/*
larger screen phones
https://material.io/devices/
*/
@media screen and (min-width: 411px) {
  .location-name-title {
    font-size: 2.25em;
  }
  .stat-number {
    font-size: 3rem;
  }
}

/*
iPad Vertical
*/
@media screen and (min-width: 768px) {
  .section-title {
    font-size: 2.25rem;
  }
  .stat-number {
    font-size: 4rem;
  }
}

/*
 iPad Horizontal
*/
@media screen and (min-width: 1024px) {
  .section-title {
    font-size: 3rem;
  }
}

/*
 Widescreen: desktop nav is shown
*/
@media screen and (min-width: 1192px) {
     
}