html { width:100%; background: url('img/bg.jpg') no-repeat fixed center; background-size: cover; overflow-y: scroll; }
body { font-family: 'Raleway', sans-serif; text-align:center; font-size: 18px; line-height:1.4em; color:white; text-shadow: 1px 2px 7px #000000;}

html, body { height:100%; margin:0; }

.fl { float:left; width:35%; }
.fr { float:right; width:35%; }

.alix { float:right; margin-left:2em; }


.clr { clear:both; }


/* Forms */
.error { color:#f22; padding-left:1em; }

#showform, #showsent { margin:auto; width:32em; padding:0.5em 2.5em; background-color: rgba(0,0,0,0.25); }
#showsent { padding:3em; }

label, input { font-size:0.9em; }
textarea { resize: vertical; }
input, textarea { outline:none; border:none; border-radius:0.2em; width: 100%; box-sizing: border-box; padding:0.6em; margin:0.4em 0; background:rgba(255,255,255,.6); transition:background .66s; }
input:hover, textarea:hover, input:focus, textarea:focus { background:rgba(255,255,255,.85); }

input[type=submit] {
	cursor: pointer;
    background:rgba(20,20,20,.7);
    color: white;
    text-decoration: none;
    padding: 1em;
	width:10em;
}

input[type=submit]:hover { background:rgba(60,60,60,.7); }


@media screen and (max-width: 1000px){ body {font-size:12px;} }
@media screen and (max-width: 800px){ body {font-size:11px;} }