article#main_article{
	margin-bottom:2em;
}
article#main_article h2{
	max-width:500px;
	margin:0.7em auto;
}
article#main_article div.login{
	margin:0px auto;
	box-sizing: border-box;
	width: min(98%, 500px);
}

div.login p{
	text-align:center;
}

div.msg{
	text-align:center;
	margin:30px auto;
	font-weight: bold;
	color: #285294;
	font-size:12pt;
	text-shadow: 2px 2px 2px #c0c0c0;
}

article#main_article div.logout{
	margin:0px auto;
	width: min(98%, 500px);
	text-align:center;
	padding:3em 0px;
	margin-bottom:1em;
	border:3px solid #AAA;
	border-radius: 10px;
}

@media (min-width:800px){

	article#main_article div.login{
		border:3px solid #AAA;
		border-radius: 10px;
		padding:1.5em 2em;
	}
}