#main h1, #main p.center
{
	text-align: center;
}

#main h1 + p.center
{
	margin-top: -24px;
}

#main
{
}

.demo #main .row
{
	background: #ddd;
	margin: 20px 0;
	border-radius: 5px;
}

.practical-demo #main .row
{
}

#main .row .columns .blockAR, #main .row .columns .blockDE, #main .row .columns .blockEN
{
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow: 0 -1px 1px black;
	border-radius: 5px;
	margin-top: 10px;
}

#main .row .columns .blockAR
{
	background: #484;
	color: #fff;
}

.blockAR input, .blockAR textarea
{
	direction: rtl;
}

textarea
{
	width: 90%;
	height: 100px;
	font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}

#main .row .columns .blockDE
{
	background: #444;
	color: #fff;
}

#main .row .columns .blockEN
{
	background: #844;
	color: #fff;
}

.practical-demo #main .row .columns .blockAR, .practical-demo #main .row .columns .blockDE, .practical-demo #main .row .columns .blockEN
{
	margin-bottom: 20px;
	padding: 10px;
}

.oldie #main .row .columns .block, #main .row .columns:first-child .block
{
	margin-top: 0;
}

@media screen and (min-width:768px)
{
	#main .row .columns .blockAR, #main .row .columns .blockDE, #main .row .columns .blockEN
	{
		margin-top: 0;
	}

	.practical-demo #main .callouts .columns .blockAR, .practical-demo #main .callouts .columns .blockDE, .practical-demo #main .callouts .columns .blockEN
	{
		margin-bottom: 0;
	}
}