@charset "UTF-8";

/* SIGNATURES page */

.gradient-background { /* via CSS tool: cssgradient.io */
	background: rgb(238,238,238);
	background: -moz-radial-gradient(circle, rgba(238,238,238,1) 0%, rgba(255,255,255,0.5) 50%, rgba(238,238,238,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(238,238,238,1) 0%, rgba(255,255,255,0.5) 50%, rgba(238,238,238,1) 100%);
	background: radial-gradient(circle, rgba(238,238,238,1) 0%, rgba(255,255,255,0.5) 50%, rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#eeeeee",GradientType=1);
}

div.responsive-width img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	border: 1px solid #BBBBBB;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media screen and (min-width: 601px) {
	div.responsive-width img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
		border: 1px solid #BBBBBB;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
}
@media screen and (max-width: 600px) {
	div.responsive-width img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		border: 1px solid #BBBBBB;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
}

div.responsive-text {
	font-family: "roboto_condensedregular", sans-serif;
	font-size: 1.75em;
	font-weight: 300;
	text-align: center;
	/* TEST: color: blue; */
}
@media screen and (min-width: 601px) {
	div.responsive-text {
		font-family: "roboto_condensedregular", sans-serif;
		font-size: 1.75em;
		font-weight: 300;
		text-align: center;
		/* TEST: color: blue; */
	}
}
@media screen and (max-width: 600px) {
	div.responsive-text {
		font-family: "roboto_condensedregular", sans-serif;
		font-size: 1.4375em;
		font-weight: 300;
		text-align: center;
		/* TEST: color: green; */
	}
}