/*
 * CSS for Resource Page iframes
 */

.table-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* padding-top: 75%; */
  /* 4: 3 Aspect Ratio; */
}

.mobile-view,
.desktop-view {
  /* position: absolute; */
  top: 0;
  left: 0;
  /* bottom: 0; */
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@media only screen and (max-width: 480px) {
  .mobile-view {
    /* position: absolute; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    border: none;
  }
  .desktop-view {
    display: none;
  }
}

@media only screen and (min-width: 480px) {
  .desktop-view {
    /* position: absolute; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 99vh;
    border: none;
  }
  .mobile-view {
    display: none;
  }
}

/* Footer */
.airtable-footer{
    position: fixed;
    bottom: 0.2em;
    left: 45%;
}


@media only screen and (max-width: 480px) {
    .airtable-footer{
        font-size: 0.8em;
        position: fixed;
        bottom: 0em;
        left: 30vw;
    }

    .airtable-footer img{
        width: 45px;
    }
}