.board
{
	width: 100%;
	margin-top: 2em;
	margin-left: 17px;
	margin-bottom: 2em;
}

@media only screen and (min-width: 768px)
{
	.board
	{
		width: 25em;
		float: left;
		margin: 2em;
	}
}

.chessn00b-inner-board
{
	border: 2px solid #f0d9b5;
	box-shadow: 0 0 0 25px #b58863;
}

form .inputs
{
	max-width: 400px;
}
/* fighting with bootcamp a bit */
@media only screen and (min-width: 992px)
{
	form .inputs
	{
		margin-left: 50px;
	}
}

@media only screen and (min-width: 1200px)
{
	form .inputs
	{
		margin-left: 0;
	}
}

.controls
{
	text-align: right;
}

#local_options
{
	margin-top: 3em;
}