@media (min-width:768px) {
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (min-width: 401px) {
  .container-fluid.page-per-day {
    height: 60vh;
  }
}

@media (max-width: 400px) {
  .container-fluid.page-per-day {
    height: 50vh;
  }
}

.flipoverlay{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index: 9999;
  background-color: rgba(0,0,0,.6);
}
.flip{
  display:none;
  position: fixed;
  left:0;
  top:0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}
.flipbtn{
  width: 100vw;
  height: 5vh;
  background-color: white;
}
.flipif{
  width: 100vw;
  height: 95vh;
}
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}