* { margin:0; padding:0; font-family: Verdana; color:#2081b6; }
body {  }
a#h1 { text-decoration: none; }
a#h1:hover { color: red; }
h1 { margin-top: 0.7em; }
div#child a img { width: 300px; margin: 0 2em; }
div#menu { clear: both; margin: 1em 0 0 0; }

span#webmail { font-family: Arial, Helvetica, sans-serif; font-style: italic; margin-right: 0.15em; }
span#blast { font-weight: bold; }
div#parent { text-align: center; width: 100%; height: 100%; background-color: #c0e5eb; overflow: auto; position: relative; height: 110vh; }
div#child { display: inline-block; background-color: white; vertical-align: middle; position: relative; top: 10%; margin: 0 auto; border-radius: 15px; }
form#login { width: 60%; margin: 14% auto 0 auto; }
form#login fieldset { border: 2px solid #60ccd4; padding: 2% 4% 4% 4%; border-radius: 2%; }
form#login fieldset legend { font-weight: bold; text-transform: uppercase; padding: 0 1% 0 1%; }
form#login fieldset div { clear: both; margin: 0em 0; padding: 1em; }
form#login fieldset label { float: left; }
form#login fieldset input { float: right; padding: 0 5px; }
textarea, input { font-size: 1.0em; width: 100%; }
form#login input[type=button], 
form#login input[type=submit], 
form#login input[type=reset] { background-color: #faa62c; color: white; padding: 0.5em; }
a#logout { text-transform: uppercase; text-decoration:none; font-weight: bold;  }
a#logout:hover { color:red; }
div#switch { margin-top: 2em; }
div#switch form select { font-size: 1.5em; width: 140px; }
div#parent, 
div#child { overflow:auto; }
div#child {  height: 600px; margin:: 1em; }
div#custom, 
div#custom form {  margin: 0 auto; padding: 0 1em 0 1em; }
div#custom form div { clear: both; padding: 1em 0; }
div#custom form div label { float: left; width: 25%; text-align: left; }
div#custom form div input { float: right; width: 70%; }
div#custom form div textarea { height: 200px; }

/* RESPONSIVE */

@media (max-width: 1200px) { 
  div#child { vertical-align: middle; position: relative; left: 0%; width: 94%; margin: 0; top:2%; } 
}