.wrapper {
    padding: 0 16px;
	color: #000000;
	text-align: center;
}
blockquote {
	background: white;
	padding: 10px 20px;
	margin: 50px auto;
	width: 50%;
	max-width: 350px;
}
.stacked {
	border: 2px solid #acb7a9;
	padding: 1%;
	box-shadow: 9px 9px 0 0 white, 11px 11px 0 0 #acb7a9, 11px 7px 0 0 #acb7a9, 7px 11px 0 0 #acb7a9;
	margin: 0.5em auto 1.4em auto;
	max-width: 98%;
	width: 1000px;
	background-color: white;
	background-image: url('bck_down7.png');
	content: "";
	display: inline-block;
	clear: both;
}

.stack-2 {
	border: 2px solid #e0e4de;
	padding: 8px;
	margin: 1.0em auto 2.4em auto;
	max-width: 94%;
	width: 900px;
	background-color: white;
	background-image: url('bck_down7.png');
	content: "";
	display: block;
	clear: both;
    border-radius: 3px;
}

.shadow {
	border: 2px solid #cecece;
	box-shadow: 6px 6px 0 0 #cecece;
	margin: 2px auto 12px;
	max-width: 98%;
	width: 1000px;
	background-image: url('76x76.png');
	display: inline-block; 
	border-radius: 7px;
	text-align: left;
}

.shadow_white {
	padding: 8px;
	border: 2px solid #c8c9ba;
	box-shadow: 6px 6px 0 0 #c8c9ba;
	margin: 1.4em auto 1.4em auto;
	max-width: 98%;
	width: 900px;
	background-image: url('76x76.png');
}


.rule {
	padding: 5px 2px 5px 8px;
	position: relative;
	left: 7px;
	font-size: 1.375em;
	width: 94%;
	margin-left: 4%;
	background-image: url('100x100.png');
	color: #000000;
}
@media screen and (max-width: 520px) {
blockquote {
	padding: 4px;
	margin: 50px auto;
	width: 50%;
	max-width: 350px;
}
.wrapper {
    padding: 0 1px;
}
.shadow {
	box-shadow: 0 0 0 0;
}

}