@media only screen and (min-device-width: 321px) { 
background {
	position: fixed;
	background-image: url(seasonsgradient.jpg);
	opacity: .8
}
body {
	background-color: #61B2CD;
	background-repeat: no-repeat;
	border-color: #000;
	background-image: url(snowflakebackground.jpg);
	background-size: 100%;
	position: relative;
				}

#container {
	
  background: -webkit-gradient(linear, left top, right top,  from(#344f65), to(#61b2cd));
	height: 100%;
	border-radius: .5em;
	border-color: #000000;
	background-size: 100%;
	margin-left: 10%;
	margin-right: 10%;
	position: relative;
	padding: .2em;
					}
#mainheader {
	margin:auto;
	background-color: #ffffff;
	height: 100%;
	border-radius: .5em;
	border-color: #000000;
	background-repeat: repeat-y;
	background-image: url(seasonsgradient.jpg);
	background-size: 100%;
	margin-left: 10%;
	margin-right: 10%;
	position: relative;
	}
#header1 {
	width: 90%;
	background: url(seasons_transparent_small.gif) no-repeat top left, url(lifespan1.png) no-repeat bottom right;
	
	height: 160px;
	}

h2 {visibility: hidden;}


#menu {
	width: 15em;
	border-radius: .5em;
	padding-top: .5em;
	margin 1em;
	float: left;
			}

#maintext {
	margin: 2px;
	padding: .5em;
	border-radius: .5em;
	border-color: #fff;
	margin-right: 1em;
	background-color: #ffffff;
	margin-left: 17em;
			}
#footer {border-radius: .5em;
background-color: #FFFFFF;
margin-left: 10%;
margin-right: 10%;
margin-top: 6em;
}

ul 
{
		margin: 1px;
	padding: 4px;
	background-color: #FFF;
		list-style-type: disc;
		width: 15em;
		border-color:#3399FF;
		border-radius: .4em;
			}
li {
	list-style-image:url(seasons_snowflake.jpg);
	background: #FFFFFF; 
	display: block; 
	padding-top: 1%; 
	margin-bottom: 5px;
	padding-left: 10%;
	}
}


/*colors 61b2cd: mid light blue 
5888b2 blue#2 darker from snowflake
344f65 dark blue almost green
//

* basic elements */


 
@media only screen and (max-device-width: 320px) { 
.selector {
		padding: 0;
		margin: 0;
		}
html {
	-webkit-text-size-adjust: 300%;
	}
	
body {
	background-color: #61B2CD;
		border-color: #000;
							}#menu {
	border-radius: .5em;
	padding-top: .5em;
	text-align: center;
font-size: large;
			}
#maintext {
	border-radius: .5em;
	border-color: #fff;
	background-color: #ffffff;
					}
#footer {border-radius: .5em;
background-color: #FFFFFF;
margin-top: 6em;
}

ul 
{
		margin: 1px;
	padding: 4px;
	background-color: #FFF;
		list-style-image:url(seasons_snowflake.jpg);
			border-color:#3399FF;
		border-radius: .4em;
			}
li {
	background: #FFFFFF; 
	display: block; 
	padding-top: 1%; 
	margin-bottom: 5px;
		}
	
#mainheader {
	margin:auto;
	background-color: #ffffff;
	border-radius: .5em;
	border-color: #000000;
	background-repeat: repeat-y;
	background-image: url(seasonsgradient.jpg) ;
	background-size: 100%;
	height: 150px;
		}
#header1 {
	width: 100%;
	background: url(seasons_transparent_small.gif) no-repeat center;
		height: 160px;
	}

h2 {visibility: hidden;}




}