html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
a{color:#e94413;}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 60%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}
.pretitle{
color:#124d99;text-transform:uppercase;letter-spacing:3px;position:relative;z-index:10;
	display:block;text-align:center;font-family:atrament-web, sans-serif;font-weight:400;font-size:36px;}
header, footer, section, article, aside, nav{display: block;}
strong{font-weight:700;}
em{font-style:italic;}
body{font-size:16px;padding:5% 0;background: #131829;font-family: open-sans, sans-serif;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
header{position:relative;z-index:2;}
.wrap{margin: 0 auto;width: 95%;max-width:1100px;}
#content{position:relative;background: #fff;border:4px solid #000;padding: 340px 40px 40px 40px;box-sizing:border-box;width:98%;margin: -300px auto 0}
h1, h2{font-family:atrament-web, sans-serif;font-weight:700;}
.purple{background:#8618ec;}
.pink{background: #df2269;}
.blue{background:#0cc1c6;}
.orange{background:#ff8c1b;}
.circle{border-radius: 100%;}
h1{line-height: .8;font-family: atrament-web,sans-serif;color:#124d99;font-size:58px;margin-bottom:16px;}
p{font-size:16px;line-height: 1.4;margin-bottom:30px;}
img{display: block;height: 98%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
#login{
	box-sizing: border-box;
	background: #fff;padding: 40px;box-shadow: 0px 0px 60px rgba(0,0,0,.6);border-radius: 40px;
	text-align:center;width:90%;max-width:800px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);
}
form label{font-weight: 700;color:#e94413;}
form input[type="password"]{border: none;background: #ccc; background:rgba(0,0,0,.05);padding:0 16px;height:40px;line-height: 40px;font-size:18px;border-radius: 10px;}
form input[type="submit"]{
	font-family: atrament-web,sans-serif;color:#fff;font-size:38px;
	border:0;height:48px;padding: 0;line-height: 48px;padding: 0 16px;
	text-transform:uppercase;background: #e94413;border-radius: 10px;
	display: block;margin: 16px auto 16px;cursor: pointer;
}