.signature-pad {
	position:relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	height: auto;
	width: 1%;
}

.signature-pad-body {
	border: 1px #dd0000 solid;
	position: relative;
	width: 100%;
}

.signature-pad-body::before {
	content: "";
	display: block;
	padding-top: 18%; 	/* initial ratio of 50:9, see http://www.mademyday.de/css-height-equals-width-with-pure-css.html */
}

.signature-pad-body canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}