html {
	height: 100%;
}
	
body {
		min-height: 100%;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbbe09), to(#f25a1a));
		background: -moz-linear-gradient(top,  #fbbe09,  #f25a1a);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbe09', endColorstr='#f25a1a');
}

.mainspoon {
		margin: 10% auto 0 auto;
		width: 80%;
		border: 4px solid #8ad039;
		background-color: #fff;
		padding: 30px 0; 
		min-width: 288px;
		text-align: center;
		-moz-border-radius: 2em; 
		border-radius: 2em;
		-moz-box-shadow: 0em 0.5em 2em #333;
		-webkit-box-shadow: 0em 0.5em 2em #333;
		box-shadow: 0em 0.5em 2em #333;				
	
}

.bentspoon-logo {
	width: 280px;
	height: 211px;	
}


/* Larger than mobile */
@media (min-width: 400px) {
		.mainspoon {
			min-width: 348px;

		}

		.bentspoon-logo {
			width: 340px;
			height: 256px;	
		}
}

/* Larger than mobile */
@media (min-width: 550px) {
		.mainspoon {
			min-width: 422px;

		}


		.bentspoon-logo {
			width: 414px;
			height: 312px;


		}	
	
	}