@font-face{
  font-family: titlefont;
  src: url(fonts/Apple Chancery.ttf);
}
@font-face{
  font-family: secondary;
  src: url(fonts/SecondaryFont2.ttf);
}
body{
  background-image: url(images/Background.png);
  background-color: #cccccc;
  background-position: top;
  background-repeat: no-repeat;
  background-size:100%;
}
#wrapper{
  position:relative;
  height:700px;
}
#title{
  position:relative;
  margin: 10px;
  top:-35px;
}
#title h2{
  position:relative;
  font-family: titlefont;
  font-size: 55px;
  color:#f4edfc;
  text-align: center;
}
#background img{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display:block;
  width: 700px;
  height:500px;
  top:-65px;
  z-index:-2;
}
#menu{
  position:relative;
  top:-550px;
  left:400px;
  width:80px;
  height:40px;
}
#menu a{
  position:relative;
  font-family: Sans-serif;
  font-size: 20px;
  color:#f4edfc;
  top: -20px;
  left:-5px;
}
#plant1{
  position: relative;
}
#plant1 img{
  position: relative;
  width: 250px;
  top: -600px;
  left: 435px;
}
#plant2{
  position: relative;
}
#plant2 img{
  position: relative;
  width: 250px;
  top: -650px;
  left: 435px;
}
#plant3{
  position: relative;
}
#plant3 img{
  position: relative;
  width: 250px;
  top: -1120px;
  left: 785px;
}
#plant4{
  position: relative;
}
#plant4 img{
  position: relative;
  width: 250px;
  top: -1150px;
  left: 785px;
}
#image{
  position:relative;
  width:300px;
  height:460px;
  top:-550px;
  left:420px;
}
#image img{
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:350px;
  left:-30px;
  top:65px;
}
#image2{
  position:relative;
  width:300px;
  height:460px;
  top:-550px;
  left:420px;
}
#image2 img{
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:300px;
  left:-10px;
  top:65px;
}
#image3{
  position:relative;
  width:300px;
  height:460px;
  top:-550px;
  left:420px;
}
#image3 img{
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:300px;
  top:65px;
}
#image4{
  position:relative;
  width:300px;
  height:400px;
  top:-580px;
  left:290px;
}
#image4 img{
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:330px;
  top:40px;
}
#image5{
  position:relative;
  width:300px;
  height:400px;
  top:-580px;
  left:420px;
}
#image5 img{
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:330px;
  top:40px;
  left:-25px;
}
#image6{
  position:relative;
  width:300px;
  height:400px;
  top:-635px;
  left:420px;
}
#image6 img{
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:330px;
  top:40px;
  left:-25px;
}
#text{
  position: relative;
  width:300px;
  height:460px;
  left:760px;
  top:-1020px;
}
#text h3{
  position:relative;
  font-family: titlefont;
  font-size: 24px;
  color:#f4edfc;
}
#text p{
  font-family: secondary;
  font-size: 16px;
  color:#f4edfc;
}
#text a{
  position:relative;
  font-family: Sans-serif;
  font-size: 20px;
  color:#f4edfc;
  top:30px;

}
#text a:hover{
  font-size: 22px;
}
#text2{
  position: relative;
  width:300px;
  height:460px;
  left:770px;
  top:-1025px;
}
#text2 h3{
  position:relative;
  font-family: titlefont;
  font-size: 32px;
  color:#f4edfc;
  top:-15px;
}
#text2 p{
  position:relative;
  font-family: secondary;
  font-size: 16px;
  color:#f4edfc;
  top:-25px;
}
#text3{
  position: relative;
  width:300px;
  height:460px;
  left:770px;
  top:-1100px;
}
#text3 h3{
  position:relative;
  font-family: titlefont;
  font-size: 32px;
  color:#f4edfc;
  top:-15px;
}
#text3 p{
  position:relative;
  font-family: secondary;
  font-size: 16px;
  color:#f4edfc;
  top:-25px;
}
#menuCollect{
  position:relative;
  top:-550px;
  left:440px;
  width:150px;
  height:40px;
}
#menuCollect a{
  position:relative;
  font-family: Sans-serif;
  font-size: 20px;
  color:#f4edfc;
  top: -950px;
  left:-55px;
}
#menuCollect2{
  position:relative;
}
#menuCollect2 a{
  position:relative;
  font-family: Sans-serif;
  font-size: 20px;
  color:#f4edfc;
  top: -605px;
  left:-283px;
}
#arrows{
  position: relative;
  top:-70px;
}
#arrowBack{
  position:relative;
  left:-310px;
  top:-1110px;
}
#arrowBack h3{
  position:relative;
  color: #f4edfc;
  font-family: Sans-serif;
  font-size: 40px;
}
#arrowForward{
  position:relative;
  left:320px;
  top:-1175px;
}
#arrowForward h3{
  position:relative;
  color: #f4edfc;
  font-family: Sans-serif;
  font-size: 40px;
}
#arrowForward2{
  position:relative;
  left:320px;
  top:-1200px;
}
#arrowForward2 h3{
  position:relative;
  color: #f4edfc;
  font-family: Sans-serif;
  font-size: 40px;
}