*,
*:before,
*:after
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 

}

.a_row
{
	display: inline-block;
}

.end_row
{
	clear: both;	
}

#box_1
{
	width: 40%;
	margin-left: 3.5%;
	margin-top: 16px;
	float:	left;
}

#box_2
{
	width: 40%;
	margin-left: 14.5%;
	margin-top: 16px;
	float: left;
}

#box_3
{
	width: 40%;
	margin-left: 3.5%;
	margin-top: 16px;
	float:	left;
}

#box_4
{
	width: 40%;
	margin-left: 14.5%;
	margin-top: 16px;
	float: left;
}

td
{
	width: 36%;	
}

.photo
{
	width: 90%;
	margin-left: 1.0%;
	margin-top: 4px;
}

#inner_box
{
	width: 26%;
	/* height: 200px;	/* set in JavaScript function adjust_image_sizes() in duo_melodica.js */
	margin-left: 38%;
	margin-top: -30px;
	border-radius: 100%;
	border: 2px solid blue;
}

#inner_box img
{
	width: 70%;
	margin-top: 60px;	/* adjusted in JavaScript function adjust_image_sizes() in duo_melodica.js */
	margin-left: 15%;
	border-radius: 5%;
	-webkit-transition: all 1s;	
}