.feat_mobilesplash .logo { background-size: contain; background-repeat: no-repeat; background-position: center center; width: 40vw; height: 40vh; margin: 30vh 30vw 30vh 30vw; }
.layoutcredits { display: none; }



body .landing { width: 100%;height: auto;background-color: #ffffff;color: #000000;font-family: "TexGyreSchola";font-size: 100%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
.landing a {color: #000000;text-decoration: none;font-weight: normal;}
.landing ul, .landing  ol {padding: 0px;margin: 0px;}
.landing li {list-style-type: none;vertical-align: top;}
.landing h1{ padding: 20px 0; margin: 0px; font-size: 250%; font-weight: normal; color:var(--gold); }
.landing h2{ padding: 0px 10px 10px 0px; margin: 0px; font-size: 120%; font-weight: normal; color:var(--gold); }
.landing h3{ font-size: 110%;}
.landing h3, .landing h4, .landing h5, .landing h6 {padding: 0px 10px 10px 0px;margin: 0px;font-size: 100%;font-weight: normal;color: #000000;}
.landing fieldset { padding: 0px; margin: 0px; border: none; }
.landing input, .landing textarea, .landing select {font-size: 90%;background: transparent;border: solid #000000 1px;padding: 5px;color: #000000;box-sizing: border-box;font-family: "TexGyreSchola";}
.landing input[type=text], .landing input[type=password]  { height: 30px; }
.landing input[type=button], .landing input[type=submit] {cursor: pointer;background-color: #000000;color: #ffffff;padding: 10px 20px 10px 20px;}
.landing select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
.landing p { padding: 0px 0px 20px 0px; margin: 0px; }
.landing strong { font-weight: bold; font-family: "TexGyreSchola"; }

.hidden { display: none; }
.spacer { clear: both; height: 0px; }

:root {
    --gold: #af9552;
    --medium-gold: #BCA466;
    --light-gold: rgb(247, 238, 213);
    --light-grey: rgb(235, 235, 235);
}
@font-face { font-family: "TexGyreSchola"; src: url(/library/fonts/TexGyreSchola/Regular.otf) format("opentype"); }

.landing { padding: 40px 0px; max-width: 1240px; margin: 0px auto;  }
.landing .pageheader { text-align: center; }
.landing .banner img {   height: auto; }

.landing ol { margin-left: 20px; margin-bottom: 30px; }
.landing ol li { list-style-type: decimal; line-height: 1.5}

.landing .field { display: flex; gap: 5px; padding-bottom: 10px;  }
.landing .label label, .landing .input input { cursor: pointer; }

.landing form { padding-bottom: 20px;}
.landing a { background-color: var(--gold); border: 1px solid var(--gold);  cursor: pointer; color: white; font-size: 100%;  margin-top: 10px; padding: 2px 5px;}
.landing a:hover { background-color: white; color: var(--gold);}

.landing .confirm { padding-bottom: 10px; }

.shorttext { font-size: 90%; font-weight: 700; }
p.bottomtext { padding: 0px; }

@media ( max-width: 1280px )
{
    .landing { padding: 30px 0px; max-width: 96%; margin: 0px auto;  }
}