.map {
  /*@include mq(lg) {
        &:before {
            padding-bottom: 40%;
        }
    }*/
}

.map:before {
  content: '';
  display: block;
  padding-bottom: 60%;
}

@media (min-width: 42.5em) {
  .map:before {
    padding-bottom: 56%;
  }
}