/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /**
  * Handle the columns for mobile optimization
  */

 @media (min-width: 768px ) {
    .nearby-locations.two-nearby-locations {
        columns: 2;
    }
    .nearby-locations.three-nearby-locations {
        columns: 3;
    }
 }

 .nearby-location {
   align-content: center;
   text-align: center;
 }
 .nearby-location .nearby-location-name {
    font-size: 24px;
    margin-top: 1em;
 }
 .nearby-location .nearby-location-address {
    margin-top: 1em;
 }
 .nearby-location .nearby-location-phone {
    font-size: 20px;
    margin-bottom: 1em;
 }