*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:"Roboto",sans-serif;margin:0}body{font-family:"Open Sans",sans-serif;margin:0}body:after{width:100%;content:"NOTE: This login page is used during development only. This page will not be used by students when the orientation is launched.";background:#381857;position:fixed;bottom:0;left:0;text-align:center;padding:10px 15px;color:#fff;border-top:2px solid #333;box-shadow:0 0 2px 2px rgba(0,0,0,.2)}#backgroundImg:after{content:"";display:block;position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;opacity:.75}header{margin:0;min-height:130px;background:#fff;padding:25px 50px;border-bottom:6px solid #333}header .logoWrap{float:right}header .imgWrap img{padding:10px}header .titleWrapper{float:left;padding:7px 0 0 0}header .titleWrapper h1{font-size:3.25em;font-weight:300;color:#51237f}#backgroundImg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}#backgroundImg div{position:fixed;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;background-position:50% 50%}#backgroundImg div.topLeft{background-position:0 0}#backgroundImg div.topCenter{background-position:50% 0}#backgroundImg div.topRight{background-position:100% 0}#backgroundImg div.bottomLeft{background-position:100% 0}#backgroundImg div.bottomCenter{background-position:100% 50%}#backgroundImg div.bottomRight{background-position:100% 100%}#membership{margin-top:25px}#membership .titleArea{width:100%;max-width:850px;margin:0 auto 10px;padding:5px 10px;background:#51237f;color:#fff;text-align:center;font-family:"Roboto",sans-serif}#membership .titleArea h1{display:block;font-weight:600;text-transform:uppercase;font-size:1.9em;line-height:1.3em}.formWrap{width:100%;max-width:850px;margin:0 auto 10px;padding:25px;background:#51237f !important}.formWrap h2{font-weight:normal;text-align:center;text-transform:uppercase;color:#51237f;margin-bottom:15px}.formWrap label{display:block;text-align:center;color:#51237f;font-weight:bold}.formWrap select{display:block;margin:10px auto;color:#51237f;padding:10px 5px;border:1px solid #51237f}.formWrap button{display:block;margin:30px auto 10px;padding:8px 30px;text-transform:uppercase;font-size:1.1em;color:#fff;background-color:#28a689 !important;border:0;cursor:pointer}.formWrap button:hover,.formWrap button:focus{background-color:#381857 !important}.formWrap button a{width:100%;height:100%;text-decoration:none}@media(max-width: 800px){header{height:auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}header .titleWrapper{float:none}header .titleWrapper h1{font-size:2em}header .logoWrap{float:none}header .imgWrap img{width:240px}}@media(max-width: 600px){header{-ms-flex-wrap:wrap-reverse;-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}header .titleWrapper{margin-top:-10px;padding:0 5px 15px}header .logoWrap{padding:0}header .imgWrap img{padding:0}}
/*# sourceMappingURL=mainStyles.css.map */