html, body {
	 height:100%;
}
 body{
	 margin: 0;
	 background-size: auto 100%;
	/* background: linear-gradient(0deg, rgba(85,1,221,1) 2%, rgba(0,21,179,1) 98%);
	 */
	 background: linear-gradient(0deg, rgb(195, 110, 234) 2%, rgb(0, 21, 179) 98%);
}
 #title{
	 position: relative;
	 top: 70px;
	 left: 15%;
	 width: 50%;
	/* text-align: center;
	 font-size: 8vw;
	 font-family: 'Mexcellent', 'Monoton', cursive;
	 color: #FFEA00;
	 */
}
 #title img{
	 width: 100%;
	 height: 100%;
}
 #stars{
	 position:absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 178px;
	 background: url(../img/stars.svg);
}
 .waves{
	 position: fixed;
	 bottom: 0;
	 width: 100%;
	 height: 203px;
}
 #wave1{
	 background: url("../img/wave1.svg") repeat-x;
	 background-size: auto 100%;
	 /* -webkit-animation: slide 5s linear infinite; */
	 -webkit-animation: slide 6s cubic-bezier(.4,.5,.6,.5) infinite;	
	 z-index: 100;
}
 #wave2{
	 background: url("../img/wave2.svg") repeat-x;
	 background-size: auto 100%;
	 /* -webkit-animation: slide 7s linear infinite; */
	 -webkit-animation: slide 7s cubic-bezier(.4,.5,.6,.5) infinite;
}
 #wave3{
	 background: url("../img/wave3.svg") repeat-x;
	 background-size: auto 100%;
	 /* -webkit-animation: slide 8s linear infinite; */
	 -webkit-animation: slide 8s cubic-bezier(.4,.5,.6,.5) infinite;
}
 #wave4{
	 background: url("../img/wave4.svg") repeat-x;
	 background-size: auto 100%;
	 /* -webkit-animation: slide 10s linear infinite; */
	 -webkit-animation: slide 9s cubic-bezier(.4,.5,.6,.5) infinite;
}
 @-webkit-keyframes slide {
	 from {
		 background-position: 0 0;
	}
	 to {
		 background-position: -609px 0;
	}
}
 #lemon{
	 position: fixed;
	 right: 150px;
	 bottom: 50px;
	 width: 400px;
	 height: auto;
}
 #lemon img{
	 width: 100%;
	 height: 100%;
}
 #sun img{
	 width: 100%;
	 height: 100%;
}
 #sun{
	 position: fixed;
	 right: 25px;
	 bottom: -90px;
	 width: 700px;
	 height: auto;
}
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	/* Retina */
	 #lemon{
		 transform: scale(0.8);
		 bottom: 0px;
		 right:100px;
	}
	 #sun{
		 transform: scale(0.8);
		 bottom: -140px;
		 right: -25px;
	}
}
 @media (min-width: 320px) and (max-width: 480px) {
	/* Mobile */
	 #title{
		/* font-size: 11vw;
		 */
		 width: 90%;
		 left: 0;
		 margin: 0 auto;
	}
	 #lemon{
		 width: 100%;
		 bottom: 0;
		 left: auto;
		 right: auto;
		 transform: scale(0.45) translate(25px,0px);
	}
	 #sun{
		 width: 100%;
		 bottom: 0;
		 left: auto;
		 right: auto;
	}
}