body {
 width100%;
 height:auto;
 font-family: 'Indie Flower', cursive;
 margin: 0 0 100px 0;
 color: #F5F0E4;
 }

p { text-align: center; 
    color: #222222;
}

h1 {  
    text-align: center; 
    margin-top: 100px; 
	margin: 2em 0 1em 0;
	color: #222222;
}

#content {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	font: 'Indie Flower', cursive;
	line-height: 24px;
	
}


#animation {
    width: 50px;
    height: 50px;
    position: absolute;
   -webkit-animation: myfirst 5s linear 0s infinite alternate; /* Chrome, Safari, Opera */
    animation: myfirst 1s linear 1s infinite alternate;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {left:51%; top:60%;}
    25%  {left:51%; top:40%;}
    50%  {left:51%; top:60%;}
    75%  {left:51%; top:40%;}
    100% {left:51%; top:60%;}
    
}

#teardropcontainer {
position: relative;
}


#marilyn,
#marilyn img {
	max-width: 100%;
}


#banner,
#banner img {
	max-width: 100%;
}



@media (min-width: 500px) {
	

	#content {
		width: 500px;
		margin: 0 auto;
		text-align: center;
		font: 'Indie Flower', cursive;
	    line-height: 24px;
	    color: #F5F0E4;
	}
	
}