::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: gray;
}
::-moz-placeholder { /* Firefox 19+ */
  color: gray;
}
:-ms-input-placeholder { /* IE 10+ */
  color: gray;
}
:-moz-placeholder { /* Firefox 18- */
  color: gray;
}


body	{
	font-family: "Raleway", sans-serif;
	color: #000000;
	text-align: left;
	margin: auto;
	width:auto;
	_width:100%;
	background: #FFFFFF;
}

div.content	{	
	position:relative;
	width: calc(100vw - 200px);
	height: calc(100vh - 200px);
	margin: 100px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

div.content.h500	{
	background: #fefcf6 url(server.png) center 30% no-repeat;
}

div.content.h400	{
	background: #fefcf6 url(server-blue.png) center 30% no-repeat;
}

div.inner	{
	position: absolute;
	bottom: 20%;
	width: 100%;
}

h1	{	
	margin: 0 auto;
	
	text-align: center;
	font-weight: 100;
	font-size: 45px;
}

h1.h500	{
	color: #db404e;
}

h1.h400	{
	color:#0066cc;
}

h2	{	
	margin: 0 auto;
	color: #0c0c0c;
	text-align: center;
	font-weight: 100;
	font-size: 40px;
	padding-top: 10px;
}