#map-container { 
  width: 100% ;
  height: 100%; 
  /*display:none;*/
  position: fixed; 
  top: 0; 
  left: 0;
  z-index: -1;
  opacity: 0;
  animation-duration: .2s !important;
}
.js-map-visible #map-container {
  z-index: 1000;
  opacity: 1;
}

#map-container #map.full-height,#map-container .map-wrapper {
  width: 100% ;
  height: 100vh;
  position:absolute;
}

.button--view-map {
  border: 10px solid #aaa; 
}

html, body {
  height:100%;
}