h1.title{margin:1em 0 0.8em}
h5{text-transform:unset;font-size:1.2em;padding-top:.5em}

.maintext h1{margin:0 0 .6em;font-size:1.6em;text-transform:uppercase}

.maintext ul{list-style: disc outside url("../images/greydot.png");margin-left:1.5em}
.maintext ul li{padding-left:.8em}
.loggedin{text-align:right;padding-right:2.5em;color:#0d638f;font-style:italic}

.flex.flex-2.center{-moz-align-items:center;-webkit-align-items:center;-ms-align-items:center;align-items:center}

.mobilenote{display:block}
.formwrapper{margin-top:2em}

input[type=text], input[type=password], input[type=submit], select, textarea, button, div.delete{width:300px;margin-top:.15em;padding:8px;border:1px solid #2c687b;border-radius:4px}
input[type=text], select, textarea{width:100%}
input.button, button, div.delete{width:200px;margin:0;background:#a0b3ba;color:#fff;font-size:1.2em;font-weight:bold;cursor:pointer}
input:disabled.button,input:disabled.info{background:#eee;cursor:default}

/* Fix for badly displaying select boxes in Safari */
select{
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
}

@media screen and (max-width: 768px) {
.formwrapper{margin-top:1em}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 526px) {
.mobilenote{display:none}
}

/* Medium devices (but not including iPad, 767px and up) */
@media (min-width:767px) {
.maintext h1{margin:0 0 0;font-size:2.0em}
}

/* Only used on the playbox version */
.play{color:#ab0006}