body{
	background-color: #FFFFFF;
	background-size: cover;
	background-position: center;
}
.su-container.max-400{
	background: none;
	/*background-color: rgba(255,255,255, 0.9);*/
/*	box-shadow: -10px 10px 30px rgba(0,0,0,0.5);*/
	
}

@media all and (min-width:639px){
  .su-container.max-400{
   	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -320px;
    margin-left: -200px;
  }
}

.su-container.max-400 .icon{
	text-align: center;
}

.su-container.max-400 label{
	color: #000000 !important;
}
.su-container.max-400 input[type=text],
.su-container.max-400 input[type=password]{
	width: 100%;
	display: block;
	background-color: rgba(255,255,255,0.5);
}

.su-container.max-400 input[type=text]:focus,
.su-container.max-400 input[type=password]:focus{
	transition: all 0.25s;
	background-color: rgba(255,255,255,0.8);
}

.su-container.max-400 input[type=text]::placeholder,
.su-container.max-400 input[type=password]::placeholder{
	color: #888888;
}

.su-container.max-400 .fbButton{
	margin: 0 auto;
	display: block;
	width: 90%;
	background-color: #4267B2;
	border-radius: 5px;
	text-align: center;
	padding: 10px;
	color: #FFFFFF;
	font-size: 16px;
	text-decoration: none;
}

.su-container.max-400 .fbButton:hover, 
.su-container.max-400 .fbButton:focus{
	transition: all 0.5s;
	background-color: #2C4476;
	text-decoration: none;
}

.su-container.max-400 .info{
	background-color: rgba(255,255,255,0.5);
	margin-bottom: 10px;
	text-align: justify;
	color: #000000;
	padding: 10px;
	font-size: 16px;
	margin-top: 10px;
} 
.su-container.max-400 .info.err{
	background-color: #F2DEDC;
  	color: #000000;
  	border-left: solid 4px #BB260D;
}