.calendar-block {
  margin: 2em 1em;
  justify-self: center;

  display: flex;
  flex-flow: column nowrap;
  align-items: center;

  border-radius: 15px;
  border: 5px solid var(--kpalette-dpink);

  padding: 1em;
}


@media screen and (max-width: 600px) {
  iframe {
    min-width: 100%;
  }
}

.calendar-frame {
  position: relative;
  
  max-width: 87vw;

  border-radius: 15px;
}

@media screen and (min-width: 950px) {
  .calendar-block{
    justify-self: left;

    margin-left: 1em; 

    flex-flow: row nowrap;
    align-items: flex-start;
  }

  .calendar-text {
    padding: 0 0 0 2em;
  }

  .calendar-frame {
    min-width: 60vw;
  }
}