@import url(https://fonts.googleapis.com/css?family=Raleway:200,500,700,800);


*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body {
	
	color: #fff;
	font-weight: 500;
	font-size: 1.05em;
	font-family: Raleway;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.BG-1
{
	background: url("../images/Login1.jpg") no-repeat fixed center;
	background-color: #666;
	background-blend-mode: multiply;
}

.BG-2
{
	background: url("../images/Login2.jpg") no-repeat fixed center;
	background-color: #666;
	background-blend-mode: multiply;
}

.BG-3
{
	background: url("../images/Login3.jpg") no-repeat fixed center;
	background-color: #666;
	background-blend-mode: multiply;
}

.container {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

.content {
	font-size: 1.2em;
	padding: 1em;
	background-color: #fff;
	width:50%;
	margin: 0 auto;
	color: #000;
	border-radius: 20px;

	-webkit-box-shadow: 4px 5px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 5px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 5px 15px 0px rgba(0,0,0,0.75);
}
.content img{
	margin: 0 0 2em;
	width: 50%;
}

.centered {
	position: fixed; /* or absolute */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }


body .nomargin-bottom {
	margin-bottom: 0;
}

body .italic-note{
    font-style: italic;
    font-size: 0.8em;
}