.iframe-container{
  width:100%;
  min-height:600px;
  max-height:100vh;
}

.iframe-container iframe{
  width:100%;
  height:100%;
  object-fit:contain;
}


.calendar-container {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.calendar-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}


.google-maps {
  position: relative;
  padding-bottom: 90%; 
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

/**
* HTML Usage: 
* <div class="embed-responsive embed-responsive-16by9">
*   <iframe class="embed-responsive-item" src="..."></iframe>
* </div>
**/