body {
			font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
			font-size: 25px;
			background: rgb(158,206,0);
		}

		article {
		  	display: block;
      		position: relative;
      		width: 90%;
			background: #ccc;
			-moz-border-radius: 4px;
			border-radius: 4px;
			padding: 1.5em;
			color: rgba(0,0,0, .8);
			text-shadow: 0 1px 0 #fff;
			line-height: 1.5;
			display: block;
      		margin: 2em auto;
		}


		article:before, article:after {
      z-index: -1; 
      position: absolute; 
      content: "";
      bottom: 15px;
      left: 10px;
      width: 50%; 
      top: 80%;
      max-width:300px;
      background: rgba(0, 0, 0, 0.7); 
      -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   
      -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
      box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
      -webkit-transform: rotate(-3deg);    
      -moz-transform: rotate(-3deg);   
      -o-transform: rotate(-3deg);
		}

	 article:after {
			-webkit-transform: rotate(3deg);
			-moz-transform: rotate(3deg);
			-o-transform: rotate(3deg);
			right: 10px;
			left: auto;
		}