/* SMALL SCREEN - NOT NECESSARILY MOBILE */
@media screen and (max-width: 840px) {
  body.pageHome .photoColumn {
    display: block;
    position: absolute;
    right: 0px;
    top: 115px;
  }

  body.pageHome .photoColumn figure.photo {
    max-height: 32vw;
    max-width: 32vw;
    border-width: 12px;
  }

  body.pageHome .photoColumn div.photoField figcaption {
    display: none;
  }

  body.pageHome .photoColumn figure.photo button.change {
    top: -30px;
  }
}

/* OVER MOBILE WIDTH */
@media screen and (min-width: 681px) {
  .mobileOnly {
    display: none !important;
  }
}

/* UP TO MOBILE WIDTH */
@media screen and (max-width: 680px) {
  .notMobile {
    display: none !important;
  }

  .pageFooterBar .footerLayout {
    display: grid;
    grid-template-columns: 100%
  }
  
  .pageFooterBar .footerLayout .copyright {
    grid-column: 1;
    grid-row: 2;
    text-align: center;
  }
  
  .pageFooterBar .footerLayout .links {
    grid-column: 1;
    grid-row: 1;
    text-align: center;
  }


  section.pageControls {  
    bottom: 70px;
  }

  article.MembershipCard {
    margin: 0px;
    margin-top: 10px;
  }  
}
@media screen and (max-width: 600px) {
  .tableSection .dataTable.collapsible#ContactTitlesTable thead tr th{
    max-height: 2.7em
  }
}
@media screen and (min-width: 561px) {
  .smallMobileOnly {
    display: none !important;
  }
}

@media screen and (max-width: 560px) {
  .notSmallMobile {
    display: none !important;
  }

  .alertBox,
  .dialogBox {
    min-width: 300px;
  }
}