body {
background-image: url('images/secretgardenbck.png') no-repeat center center 100% 100%;
background-attachment: fixed;
background-color: #006600;
background-size: 100%;
color:#000;
font-family: Helvetica, Verdana, Arial;
font-size: 110%;
}
@media only screen and (min-width: 400px) {
  body {
    background-image: url('images/secretgardenbck.png');
#header {
color: #000;
}
#header a:link {
color:#FFF;
text-decoration: none;
}

#header a:hover {
    color:purple;
	text-decoration: none;}
#header a:visited {
    color:#FFF;
	text-decoration: none;
}

#navbar {color: #fff; font-size:120%; text-shadow: 2px 2px #000; text-align: center;
}
#navbar a:link {
color:#FFF;
text-decoration: none;
}
#navbar a:hover {
    color:purple;
	text-decoration: none;
}
#navbar a:visited {color:#FFF; text-decoration: none;}

#box1  {width: 80%; margin-left: auto; margin-right: auto; padding: 3%; background-color: #fff; color: #000; }

h1 {font-size:250%; font-family: Helvetica, Verdana, Arial;}

h2 {font-size: 250%; font-family: Garamond; text-shadow: 2px 2px #000; color:#fff; text-align: center; }

h3 {font-size: 130%; text-align: center; }

h4 {color: #fff; font-size: 80%; font-style: italic; text-align: center; }

p{}

a:link {
  color: black;
}

a:visited {
  color: black;
}

a:hover {
  color: purple;
}

a:active {
  color:black  ;
}