body{
	background: url('/images/background.jpg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
 	
}

.container-fluid{
	margin:auto;
	padding: 10px;
	max-width:35vw;
	margin-top: 30vh;
	background: rgba(255,255,255,0.3);
	text-align: center;
	color:rgba(0,0,0,0.7);
	border: 2px solid white;
}

input{
	width: 80%;
	margin:5px;
	text-shadow:none;
}
input { 
	background-color:rgba(255,255,255,0.7);
	border:solid 1px rgb(255, 255, 255);
	font-size:16px;
	color:#000000;
	padding:10px;
 }
 button{
	background-color:rgba(255,255,255,0.1);
	border:solid 1px #ffffff;
	font-size:18px;
	color:rgb(58, 58, 58);
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:40px;
	padding-left:40px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor: pointer;
	-webkit-transition-property: background-color; /* Safari */
	-webkit-transition-duration: 1.5s; /* Safari */
	transition-property: background-color;
	transition-duration: 1.5s;
 }
 button:hover{
	background-color:rgba(255,255,255,0.6);
 }
 .errors > div:nth-child(1)
{
	 padding: 3px;
	 border-radius:  5px;
	 background-color:rgba(255,255,255,0.7);

 }

 @media screen and (max-width: 670px)
{
	.container-fluid{
		padding: 5px;
		max-width:80vw;
		margin-top: 10vh;
	}
	button{
		padding-right:20px;
	padding-left:20px;
	}
}