html, body {
    height: 100%;
  }

  .cal-wrapper {
    position: relative;
    width: 100vw;
    height: 100vh;
  }

  .cal-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

/* MOBILE */
@media (max-width: 767px) {
.cal {
width: 100%;
height: 50vh;
border: none;
}

}