* {
    box-sizing: border-box;
}

html, body {
  height: 100%;
  margin: 0;
}

#page-wrapper {
  display: flex;
  flex-direction: column;
}

main#content {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.wp-block-custom-footer-desktop {
  margin-top: auto;
}

/* Full width (stretches to the full width of the screen) */
.alignfull {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Wide width (typically takes up most of the page width but not the full screen) */
.alignwide {
    width: 90%;
    max-width: 1240.55px;
    margin-left: auto;
    margin-right: auto;
}