keep { display: inline-block; }

a { text-decoration: none; color: red; font-weight: bold; }
h1, h2, h3, h4 { text-align: center; }



#splash{
/*background-image: url("/art/guest-splash-1280x960.jpg");*/
height: 36vw; max-height: 36vw; min-height: 360px;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#splash-video {
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 50%; transform: translateY(-50%);
}
#splash-title {
color: white;
text-align: center;
top: 0px;
position: absolute;
width: 100%;
box-sizing: border-box;
background: rgba(64,64,64,0.6);

}
#splash-caption {
color: white;
font-family: 'Boogaloo';
font-size: 24px;
padding: 16px;
text-align: center;
bottom: 0px;
position: absolute;
width: 100%;
box-sizing: border-box;
background: rgba(64,64,64,0.6);
}
@media only screen and (max-device-width: 559px) {
    #splash-video { width: 180%; }
}



body {}

#page { max-width: 100%; } /* OVERFLOW HIDDEN BREAKS STICKY SCROLLING */

#content { font-family: 'Ubuntu Condensed', sans-serif; width: 100%; box-sizing: border-box; }
#header {
height: 42px;
width: 100%;
background: black;
color: white;
position: fixed;
top: 0;
left: 0px;
padding: 8px 24px 0 24px;
box-sizing: border-box;
z-index: 999;
}


.user-message { text-align: center; padding: 12px; margin: 12px; font-weight: bold; }


.orb {
    border-radius: 24px;
    padding: 6px;
    margin: auto;
}

.w300 { max-width: 300px; }
.w480 { max-width: 480px; }
.w600 { max-width: 600px; }
.w800 { max-width: 800px; }


.benefits-block {
    margin: 100px auto;
}
.benefits-pane {
    max-width: 142px;
    width: 142px;
    min-height: 160px;
    max-height: 160px;
    overflow: hidden;
    display: inline-block;
    border-radius: 18px;
    margin: 12px;
    padding: 8px;
}
.benefits-pane i {
    color: darkseagreen;
}
.benefits-pane:hover {
    background: #eee;
}


.footlink { color: lavender; }

#footer-mobile {
    text-align: center;
    font-family: 'Ubuntu Condensed', sans-serif;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    color: white; background: black; font-size: 16px;
    padding: 24px 0 12px;
}
#swiper-footer {
    text-align: center;
    font-family: 'Ubuntu Condensed', sans-serif;
    width: 100%;
height: 100px;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    color: white; background: black; font-size: 16px;
}



.bubble-tile-block { width: 100%; max-width: 1200px; max-height: 480px; overflow: hidden;
    text-align: center; margin: 42px auto; }
.bubble-tile { width: 100px; max-width: 100px; height: 160px; max-height: 160px; overflow: hidden;
    display: inline-block; padding: 0px; margin: 0 6px; vertical-align: top; }
.bubble { width: 90px; height: 90px; border-radius: 999px; }
.bubble-tile b { color: black; }
.bubble-tile span { font-style: italic; font-weight: normal; color: darkseagreen; }

/* Honeypot fields */
.poohbear { opacity: 0; position: absolute; bottom: 0; right: 0; height: 0; width: 0; z-index: -1; }

#mask-small-landscape { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0;
    background: rgba(64,64,64,0.80); color: white; padding-top: 32vh; font-size: 42px; z-index: 1001; text-align: center; }
@media only screen and (max-device-height: 500px) and (orientation: landscape) {
    #mask-small-landscape { display: block; }
}