html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; margin: 0; padding: 0; border: 0; font-weight: inherit; font-weight: 700; margin: auto; font-size: 17px; line-height: 105%; font-family: Arial, Helvetica, sans-serif; color: #999; text-align: center; }

body { background-image:url('images/dark-bg.jpg'); }
h1 { font-size: 38px; letter-spacing: -2px; max-width: 800px; margin-bottom: 50px; }
    

.container { display: table; height: 100vh; width: 100vw; padding: 30px; }
.element { 	animation: fadein 0.4s; display: table-cell; text-align: center; vertical-align: middle; position: relative; }
.label { font-weight: 400; margin: 20px 0px 4px 0px; }
.error { animation: fadein 0.5s; background: rgba(255, 0, 0, 0.726); color: white; border-radius: 4px; padding: 12px; width: 60%; max-width: 693px; margin-bottom: 30px; }
.localform { display: inline; }
.logo { display: none; }
#promo, #promo a { display: none; }
.moveup { margin-top: -10px; }
.less_margin { margin-top: 35px; }

input, .button { border-radius: 4px; font-size: 22px; height: 40px; min-width: 200px; }
input { color: #888 }
button { background: #008000; transition: background 0.1s ease; color: #FFF !important; padding: 0px 20px; margin-top: 50px; letter-spacing: -0.7px; margin-left: 10px; margin-right: 10px; }
button:hover { background: #02a502; transition: background 0.1s;  }
button:active { background: greenyellow; transition: background 0.1s ease; }
button:disabled { background: #555; }
button.multibutton { margin-top: 20px; }
/*input[type=file] { visibility:hidden; width: 200px !important; height: auto; border: 1px solid #777; padding: 10px; z-index: 2; opacity: 0.0; }*/
input[type=file] { display:none; position:absolute; top:0; }
#area { display: none; }
img.resize { box-shadow: 0px 0px 40px 6px rgba(0,0,0,0.50); margin-bottom: 20px; max-width: 100%; max-height: 55vh;}
#button_spinner { display: none; margin-top: 3px; }
#button_text {  font-size: 22px; color: #FFF; }

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media only screen and (min-width: 900px) { 
    h1 { font-size: 58px; }
    input[type=file] { width: 400px !important; }
    .logo { display: inline; position: absolute; top:0; left: 0; width: 50px; }
    #promo, #promo a { display: inline; text-decoration: none; color: #444;  position: absolute; bottom:0; right:0; }
}