body {
        background:#dee1d7;
        font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
        font-size:1em;
        margin:8px 0 16px;
        text-align:center;
}

div.answer_box,
div.shaded_box {
        border:2px solid gray;
        padding:1% 1% 2% 2%;
        margin:0 auto;
        text-align:left;

        box-shadow: 10px 10px 5px lightgrey;
        background: #EFEFEF;

	max-width:17cm;
}

div.answer_box {
	max-width:12cm;
	padding:2.5% 1% 2% 2%;
}

div.box_comments {
	font-size: 0.9em;
	margin-bottom: 2%;
}

div.box_comments > p{
	margin-bottom: -1%;
}

div.box_title {
	padding:3% 1% 2% 2%;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}

div.row {
	width: 100%;
	display: flex;
	flex-flow: row;
	padding: 0.3em;
	justify-content: center;
	align-items: center;
}

div.row > div{
	width: 49%;
}

div.label {
	text-align: right;
	padding-right: .4em;
}

div.button {
	text-align: center;
	padding: 1em 0.5em 0.2em 0.5em;
}

div.right {
	text-align: right;
}

input {
	height: 1.5em;
	font-size:1em;
}

input.button {
	height: auto;
	padding: .2em 0.5em .2em 0.5em;
	font-size: 1.2em;
}


@media only screen and (max-width: 18cm){

div.answer_box,
div.shaded_box{
       width:95%;
}

div.row {
	flex-direction: column;
}

div.row > div{
	width: 100%;
	max-width: 20em;
}

div.label {
	text-align: left;
	padding-left: 0.5em;
	padding-right: .4em;
}

}/*media*/