body {
	background: #a1ca36;
}

.site {
background: #0677dc;
background: -moz-linear-gradient(top,  #0677dc 0%, #e6f2ff 76%, #fffff0 90%);
background: -webkit-linear-gradient(top,  #0677dc 0%,#e6f2ff 76%,#fffff0 90%);
background: linear-gradient(to bottom,  #0677dc 0%,#e6f2ff 76%,#fffff0 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0677dc', endColorstr='#fffff0',GradientType=0 );

position:relative;
}

.site::before {
	content:"";
	display:block;
	width:90px;
	height:90px;
	background:url('img/summer-sun.svg') center center no-repeat;
	background-size:90px auto;
	
	position:absolute;
	top:40%;
	left:20px;
}

footer.site-footer {
	background: url('img/spring-footer.svg') top center no-repeat;
	background-size: 120% 100%;
	padding: 5.5em 1em 1em;
}

@media (max-width:500px) {
	.site::before {
		background:url('img/summer-sun.svg') center center no-repeat;
		background-size:70px auto;
		left:0;
		top:45%;
	}	
}