.button
{
	/*padding:7px 10px;
	background:#FFCC00;
	border:0;
	color:#000;
	font-size:16px;
	font-weight:normal;
	border-radius:5px;
	cursor:pointer;
	-web-appearance:none;*/
}

.registrationBox
{
	margin:30px auto 0px auto;
	width:50%;
	padding:20px 30px;
	box-sizing:border-box;
	background:#fff;
	border-radius:10px;
	/*box-shadow:0px 0px 8px #ddd;*/
	font-size:16px;
}

.benefitBox
{
	/*width:50%;
	height:inherit;
	padding:40px 5%;
	background-color:white;
	box-sizing:border-box;
	display:table-cell;*/
}

.benefitBoxSmallSubject
{
	margin-bottom:20px;
	font-size:1.2em;
	line-height:1.5;
	color:rgba(0,0,0,0.8);
}

.benefitBoxCaptions
{
	font-size:0.9em;
	line-height:1.5;
	color:rgba(0,0,0,0.9);
	margin-bottom:30px;
}

.registrationButton
{
	/*float:left;
	width:48%;
	margin-left:1%;
	margin-right:1%;
	background-color:#f3423a;
	color:white;
	font-size:0.9em;
	padding:15px 4%;
	border-radius:10px;
	transition:0.5s;
	cursor:pointer;
	box-sizing:border-box;*/
}

.registrationButton:active
{
	/*transform: translateY(6px);
	outline:none;*/
}

.registrationButton:focus
{
	/*outline:none;*/
}

input:required:focus
{
	border:1px solid #ff0000;
}

.loginButton
{
	float:left;
	width:auto;
	font-size:16px;
	padding:10px 30px !important;
	border-radius:20px !important;
	color:#fff;
	background:#433E80;
	box-sizing:border-box;
	cursor:pointer;
}

.loginButton:active
{
	transform:translateY(6px);
	outline:none;
}

.loginButton:focus
{
	outline:none;
}

.loginInput
{
	width:100%;
	padding:10px 3%;
	color:black;
	border-radius:8px;
	border:1px solid #F4F0FF;
	box-sizing:border-box;
	background:#f7f7f7;
	transition:0.5s;
	margin:4px 0px 25px 0px;
}

.loginInput:active
{
	outline:none;
}

.loginInput:focus
{
	background-color:rgba(255, 255, 255, 0.9);
	outline:none;
}

.loginLabel
{
	/*font-weight:bold;
	color:rgb(0,0,0,0.7);*/
}

.registrationBox a
{
	color:#433E80;
	font-size:15px;
}

.informationBox
{
	/*position:absolute;
	top:10px;
	right:10px;
	color:white;
	font-size:0.9em;*/
}

.informationBox a
{
	/*padding:10px;
	font-size:inherit;
	color:white;
	display:inline-block;
	background-color:#6792B9;
	border-radius:5px;*/
}

@media screen and (max-width:900px)
{

	.container
	{
		padding:0px;
		background:#F4F0FF;
		margin:0px auto;
	}

	.middle_content 
	{
		width:100%;
		margin:0px;
		padding:0px;
		box-sizing:border-box;
		border:0px solid #ddd;
	}

	.middleContentBox
	{
		padding:0px;
		margin:0px;
	}

	.registrationBox
	{
		width:90%;
		height:auto;
		box-shadow:0px 0px 15px #fff;
		padding:30px 20px;
		border:0px solid #ddd;
		margin:50px auto 0px auto;
		border-radius:20px;
	}
	

	.benefitBox
	{
		width:100%;
		padding:40px 5%;
		box-sizing:border-box;
		display:table;
	}

	.informationBox
	{
		position:absolute;
		bottom:10px;
		right:10px;
		color:white;
		font-size:0.9em;
		background-color:transparent;
		z-index:1;
	}

	.informationBox a
	{
		background-color:rgba(255, 255, 255, 0.5);
	}
}


@media screen and (max-width:700px)
{	


	.informationBox
	{
		display:none;
	}

	.loginButton
	{
		float:none;
		width:98%;
		margin-left:1%;
		margin-right:1%;
	}

	.registrationButton
	{
		float:none;
		width:98%;
		margin-left:1%;
		margin-right:1%;
		margin-bottom:15px;
	}
}