.weather-map-desktop { display: block; }
  .weather-map-mobile { display: none; }

  /* Mobile breakpoint */
  @media (max-width: 768px) {
    .weather-map-desktop { display: none; }
    .weather-map-mobile { display: block; }
  }
  
  
@media screen and (max-width: 39.99em) {
  .layout--threecol-33-34-33 > .layout__region {
    flex: 0 1 100% !important;   /* was 94% */
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}  


@media (max-width: 768px) {
  .weather-map-mobile {
    width: 100vw;              /* full viewport width */
    margin-left: 50%;
    transform: translateX(-50%); /* center it */
  }

  .weather-map-mobile iframe {
    width: 95%;
    height: 300px;             /* bump this if it feels too short */
  }
}

.weather-map-desktop {
  width: 100%;                /* fill the column, not viewport */
  margin-left: auto;
  margin-right: auto;
}

.weather-map-desktop iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 400px;              /* tweak this to taste */
}