.h-100 {
  height: 100%;
}
.mt-auto {
  margin-top: auto;
}
.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}

.page {
  background-image:url("/assets/images/pink floyd 1970.jpg");
  /* background-image:url("/assets/images/hero-child-in-front-of-stairs.jpg"); */
  position:relative;
  display:table;
  table-layout:fixed;
  width:100%;
  height:100%;
  line-height:normal;
  text-align:center;
  font-family:Open Sans, sans-serif;
  font-size:1.1em;
  color:#fff;
  background-color:#f0f0f0;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-attachment:fixed
}
.page:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  filter:alpha(opacity=40);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity:0.4;
}
.container {
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding: 1em 2em;
  z-index: 1;
}
.overlay-dark{
  background-color:#333;
}
.overlay-dark:before {
  background-color:#333;
}
.content {
  max-width:900px;
  margin:0 auto;
  padding: 2rem;
  // border-radius: 1rem;
  position: relative;
}
h1, h2, h3, h4, h5, h6,
p {
  --perma-body-color: #ffffff;
}
h2.subtitle {
  --perma-body-font-size: 1.25rem;
}
.hosting-info {
  background-color:#1a1a1a;
  /* background-color:#2C3E28; */
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em;
  font-size: 0.8em;
}
.hosting-info p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.hosting-info a {
  --perma-body-color: var(--perma-primary-inverse);
  --perma-text-decoration: none;
}
.hosting-info a:hover {
  --perma-body-color: var(--perma-primary-inverse);
  --perma-underline: var(--perma-primary-inverse);
}
.hosting-info a:focus,
.hosting-info a.active,
.hosting-info a:active {
  --perma-body-color: var(--perma-primary-inverse);
  --perma-text-decoration: none;
}
.hosting-info a:focus-visible {
  box-shadow: 0 0 0 var(--perma-outline-width) var(--perma-primary-inverse);
}

/*
.center-screen {
  position: relative;
  top: 40%;
  transform: translateY(-50%);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  // filter: alpha(opacity=40);
  // -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
.overlay.overlay-dark {
  background-color: #333;
}
*/