#card{
	position: relative;
	left: 11%;
	top: 30%;
	width: 400px;
	background-color: white;
	padding: 5px 10px;
	border: 1px solid #666666;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	border-radius: 3px;
}
#main_wrapper {
	background: #bfd255;
	background: -moz-linear-gradient(-45deg,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d));
	background: -webkit-linear-gradient(-45deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
	background: -o-linear-gradient(-45deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
	background: -ms-linear-gradient(-45deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
	background: linear-gradient(135deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 );
}
.card_title{
	border-bottom: 2px solid #666666;
	padding: 10px 0;
}
.card_body{
	margin-left: 50px;
	padding: 10px 0;
}
@media (max-width: 550px){
	#card{
		top: 20%;
		width: 300px;
		font-size: 0.9em;
	}
	.card_body{
		margin-left: 20px;
	}
}