diff --git a/tree/canteen.css b/tree/canteen.css
index 07d6159..cd1f6ed 100644
--- a/tree/canteen.css
+++ b/tree/canteen.css
@@ -43,9 +43,10 @@
  svg {
     width: 100%;
     height: 100%;
-    position:absolute;
+    position:fixed;
     z-index: -10;
 
+
  }
 
  .instructions{
@@ -118,6 +119,52 @@ span.button_text{
     z-index: 0;
 }
 
+/*school staff*/
+
+#table {
+    bottom: 50%;
+    left: 45%;
+    position:absolute ;
+}
+
+div.figure1 {
+    top: 20%;
+    left: 30%;
+    position:absolute ;
+}
+
+div.figure2 {
+    top: 10%;
+    left: 60%;
+    position:absolute ;
+}
+
+div.figure3 {
+    top: 25%;
+    right:10%;
+    position:absolute ;
+}
+
+div.figure4 {
+    bottom: 35%;
+    left: 50%;
+    position:absolute ;
+}
+
+div.figure5 {
+    bottom: 25%;
+    right: 25%;
+    position:absolute ;
+}
+
+
+
+
+
+
+
+
+
 
 /* baloons*/
 
diff --git a/tree/canteen.html b/tree/canteen.html
index 333c03b..6ecd4a7 100644
--- a/tree/canteen.html
+++ b/tree/canteen.html
@@ -3,7 +3,7 @@
 <head>
       <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-    <title>looking for</title>
+    <title>canteen</title>
     <link rel="icon" href="imgs/park/flower2.gif">
     <link rel="stylesheet" href="canteen.css">
     
@@ -11,30 +11,53 @@
 <body>
 
     <svg >
-        <line x1="10" y1="100" x2="80%" y2="100" style="stroke:black;stroke-width:1" />
-        <line x1="80%" y1="0" x2="80%" y2="100" style="stroke:black;stroke: width 1px;"/>
-        <line x1="80%" y1="100" x2="150%" y2="100%" style="stroke:black;stroke: width 1px;"/>
+        <line x1="10" y1="130" x2="80%" y2="130" style="stroke:black;stroke-width:1" />
+        <line x1="80%" y1="0" x2="80%" y2="130" style="stroke:black;stroke: width 1px;"/>
+        <line x1="80%" y1="130" x2="150%" y2="100%" style="stroke:black;stroke: width 1px;"/>
     </svg>
  
 <!--characters-->
 
         <div  id="player_img"></div>
-        <img  id="ned" src="imgs/park/ned2.gif" height="120px">
+        <img  id="ned" src="imgs/canteen/ned1.gif" height="120px">
+
+        <img  id="table" src="imgs/canteen/table1.gif" height="110px">
+    <div class="figure1">
+        <img  id="cooking1" src="imgs/canteen/woman_cooking_1.gif" height="110px">
+        <img  id="satan1" src="imgs/canteen/woman_rites_1.gif" height="110px" style="display: none;">
+    </div>
+    <div class="figure2">
+        <img  id="cooking2" src="imgs/canteen/woman_cooking_2.gif" height="120px">
+        <img  id="satan2" src="imgs/canteen/woman_rites_2.gif" height="130px" style="display: none;">
+    </div>
+    <div class="figure3">
+        <img  id="cooking3" src="imgs/canteen/woman_cooking_3.gif" height="120px">
+        <img  id="satan3" src="imgs/canteen/woman_rites_3.gif" height="110px" style="display: none;">
+    </div>
+    <div class="figure4">
+        <img  id="cooking4" src="imgs/canteen/woman_cooking_4.gif" height="140px">
+        <img  id="satan4" src="imgs/canteen/woman_rites_4.gif" height="110px" style="display: none;">
+    </div>
+    <div class="figure5">
+    <img  id="cooking5" src="imgs/canteen/woman_cooking_5.gif" height="140px">
+    <img  id="satan4" src="imgs/canteen/woman_rites_4.gif" height="130px" style="display: none;">
+    </div>
+
 
 
 
 
 <!--baloons-->
-        <div class="ned_bubble1" style="display: none;">I was hoping that someone would find my newspaper.</div>
-        <div class="ned_bubble2" style="display: none;">My name is Ned, I used to be the school's janitor. I got fired last week because the school noticed I was investigating the kids' conditions. Believe me, the situation is shadier then it seems. Do you wanna know what I just found out?</div>
-        <div class="ned_bubble3" style="display: none;">The school is involved in sinister activities: together with the Monteferro Food Enterprise they are poisoning the children's meals. Follow me to the enterprise's fields: I can show you the proof of what I'm saying. </div>
+        <div class="ned_bubble1" style="display: none;"></div>
+        <div class="ned_bubble2" style="display: none;"></div>
+        <div class="ned_bubble3" style="display: none;"></div>
 
 
 <!--bottom text-->
     <div class="text_container"> 
         <div class="message1">
-            You are now in the school canteen. Unluckily the staff is there as well. <br>
-            <span class="instructions">Click on the corn on the table to take it with you and confront it with what you found at Monteferro's field.</span>
+            You are now in the school canteen. The staff is there as well: the plan might get more complicated. <br>
+            <span class="instructions">Click on the corn on the table to take it with you.</span>
             </div>
         <div class="message2" style="display: none;">
             Oh jeez! The school cooking staff turned into what appears to be a devil-worshippers gang!<br>
@@ -56,12 +79,14 @@
 
 <script src="jquery.min.js"></script>
   <script>
+      var fluoride = 5;
 
 // saves game step in the local storage 
   window.onload = function() {
       window.localStorage.setItem("school_canteen","opened");
       console.log ("school canteen:",localStorage.school_canteen);
       $('.cobs_collected').html("0");
+
     }
 
   //get player avatar from local storage
diff --git a/tree/imgs/canteen/.DS_Store b/tree/imgs/canteen/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/tree/imgs/canteen/.DS_Store differ
diff --git a/tree/imgs/canteen/fire_once.gif b/tree/imgs/canteen/fire_once.gif
new file mode 100644
index 0000000..7e77d0e
Binary files /dev/null and b/tree/imgs/canteen/fire_once.gif differ
diff --git a/tree/imgs/canteen/fridge.jpeg b/tree/imgs/canteen/fridge.jpeg
new file mode 100644
index 0000000..cfdeca5
Binary files /dev/null and b/tree/imgs/canteen/fridge.jpeg differ
diff --git a/tree/imgs/canteen/kitchen1.gif b/tree/imgs/canteen/kitchen1.gif
new file mode 100644
index 0000000..84883e2
Binary files /dev/null and b/tree/imgs/canteen/kitchen1.gif differ
diff --git a/tree/imgs/canteen/kitchen2.gif b/tree/imgs/canteen/kitchen2.gif
new file mode 100644
index 0000000..ad5e730
Binary files /dev/null and b/tree/imgs/canteen/kitchen2.gif differ
diff --git a/tree/imgs/canteen/ned1.gif b/tree/imgs/canteen/ned1.gif
new file mode 100644
index 0000000..a2d7e12
Binary files /dev/null and b/tree/imgs/canteen/ned1.gif differ
diff --git a/tree/imgs/canteen/table.gif b/tree/imgs/canteen/table.gif
deleted file mode 100644
index 16884a1..0000000
Binary files a/tree/imgs/canteen/table.gif and /dev/null differ
diff --git a/tree/imgs/canteen/table.png b/tree/imgs/canteen/table.png
new file mode 100644
index 0000000..f755ee5
Binary files /dev/null and b/tree/imgs/canteen/table.png differ
diff --git a/tree/imgs/canteen/table1.gif b/tree/imgs/canteen/table1.gif
new file mode 100644
index 0000000..769c857
Binary files /dev/null and b/tree/imgs/canteen/table1.gif differ
diff --git a/tree/imgs/canteen/table2.psd b/tree/imgs/canteen/table2.psd
new file mode 100644
index 0000000..414cdae
Binary files /dev/null and b/tree/imgs/canteen/table2.psd differ
diff --git a/tree/imgs/canteen/woman_cooking_1.gif b/tree/imgs/canteen/woman_cooking_1.gif
new file mode 100644
index 0000000..708591e
Binary files /dev/null and b/tree/imgs/canteen/woman_cooking_1.gif differ
diff --git a/tree/imgs/canteen/woman_cooking_2.gif b/tree/imgs/canteen/woman_cooking_2.gif
new file mode 100644
index 0000000..f82bd85
Binary files /dev/null and b/tree/imgs/canteen/woman_cooking_2.gif differ
diff --git a/tree/imgs/canteen/woman_cooking_3.gif b/tree/imgs/canteen/woman_cooking_3.gif
new file mode 100644
index 0000000..0591395
Binary files /dev/null and b/tree/imgs/canteen/woman_cooking_3.gif differ
diff --git a/tree/imgs/canteen/woman_cooking_4.gif b/tree/imgs/canteen/woman_cooking_4.gif
new file mode 100644
index 0000000..681a019
Binary files /dev/null and b/tree/imgs/canteen/woman_cooking_4.gif differ
diff --git a/tree/imgs/canteen/woman_cooking_5.gif b/tree/imgs/canteen/woman_cooking_5.gif
new file mode 100644
index 0000000..b9f0d3b
Binary files /dev/null and b/tree/imgs/canteen/woman_cooking_5.gif differ
diff --git a/tree/imgs/canteen/woman_rites_1.gif b/tree/imgs/canteen/woman_rites_1.gif
new file mode 100644
index 0000000..d36f788
Binary files /dev/null and b/tree/imgs/canteen/woman_rites_1.gif differ
diff --git a/tree/imgs/canteen/woman_rites_2.gif b/tree/imgs/canteen/woman_rites_2.gif
new file mode 100644
index 0000000..010a7df
Binary files /dev/null and b/tree/imgs/canteen/woman_rites_2.gif differ
diff --git a/tree/imgs/canteen/woman_rites_3.gif b/tree/imgs/canteen/woman_rites_3.gif
new file mode 100644
index 0000000..0bfa8de
Binary files /dev/null and b/tree/imgs/canteen/woman_rites_3.gif differ
diff --git a/tree/imgs/canteen/woman_rites_4.gif b/tree/imgs/canteen/woman_rites_4.gif
new file mode 100644
index 0000000..c5a6349
Binary files /dev/null and b/tree/imgs/canteen/woman_rites_4.gif differ
diff --git a/tree/imgs/canteen/woman_rites_5.gif b/tree/imgs/canteen/woman_rites_5.gif
new file mode 100644
index 0000000..de21846
Binary files /dev/null and b/tree/imgs/canteen/woman_rites_5.gif differ
