40 files changed, 149 insertions, 273 deletions
diff --git a/lehed/juhend/img/audentes.jpg b/lehed/juhend/img/audentes.jpg
new file mode 100644
index 0000000..7962bdc
--- /dev/null
+++ b/lehed/juhend/img/audentes.jpg
diff --git a/lehed/juhend/img/audentesDark.png b/lehed/juhend/img/audentesDark.png
deleted file mode 100644
index 743224c..0000000
--- a/lehed/juhend/img/audentesDark.png
+++ /dev/null
diff --git a/lehed/juhend/img/erasmus2.jpg b/lehed/juhend/img/erasmus.jpg
index 17bdd39..17bdd39 100644
--- a/lehed/juhend/img/erasmus2.jpg
+++ b/lehed/juhend/img/erasmus.jpg
diff --git a/lehed/juhend/img/erasmus1.jpg b/lehed/juhend/img/erasmus1.jpg
deleted file mode 100644
index d3526a6..0000000
--- a/lehed/juhend/img/erasmus1.jpg
+++ /dev/null
diff --git a/lehed/juhend/img/erasmusDark.png b/lehed/juhend/img/erasmusDark.png
index 376c493..ff8314e 100644
--- a/lehed/juhend/img/erasmusDark.png
+++ b/lehed/juhend/img/erasmusDark.png
diff --git a/lehed/juhend/img/erasmusDark2.png b/lehed/juhend/img/erasmusDark2.png
deleted file mode 100644
index ff8314e..0000000
--- a/lehed/juhend/img/erasmusDark2.png
+++ /dev/null
diff --git a/lehed/juhend/img/erm.jpg b/lehed/juhend/img/erm.jpg
new file mode 100644
index 0000000..c3a83ce
--- /dev/null
+++ b/lehed/juhend/img/erm.jpg
diff --git a/lehed/juhend/img/ermDark.jpg b/lehed/juhend/img/ermDark.jpg
deleted file mode 100644
index 45dbfc7..0000000
--- a/lehed/juhend/img/ermDark.jpg
+++ /dev/null
diff --git a/lehed/juhend/index.html b/lehed/juhend/index.html
index ccd757a..e808343 100644
--- a/lehed/juhend/index.html
+++ b/lehed/juhend/index.html
@@ -13,7 +13,7 @@
 
     <!-- navbar -->
     <nav class="navbar navbar-expand-md">
-      <div class="container fs-5">
+      <div class="container">
         <!-- navbar brand / title -->
         <a class="navbar-brand" href="../../#intro">
           <span class="text-secondary fw-bold">
@@ -22,7 +22,7 @@
         </a>
 
        <a class="navbar-brand" href="../../#intro">
-           <img class="logo" src="img/erasmusDark2.png" alt="Erasmus logo">
+           <img class="logo" src="img/erasmusDark.png" alt="Erasmus logo">
        </a>
 
         <!-- toggle button for mobile nav -->
@@ -34,19 +34,19 @@
         <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav">
           <ul class="navbar-nav">
             <li class="nav-item">
-              <a class="nav-link" href="../projekt">Projekt</a>
-            </li>
-            <li class="nav-item">
               <a class="nav-link" href="../juhend">Juhend</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a>
             </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../projekt">Projektist</a>
+            </li>
             <li class="nav-item d-md-none">
-              <a class="nav-link" href="../rollid">Rollid</a>
+              <a class="nav-link" href="../rollid">Tegelased</a>
             </li>
             <li class="nav-item ms-2 d-none d-md-inline">
-              <a class="btn btn-secondary" href="../rollid">Rollid</a>
+              <a class="btn btn-secondary" href="../rollid">Tegelased</a>
             </li>
           </ul>
         </div>
@@ -61,101 +61,56 @@
 
     <!-- juhend -->
     <section id="juhend">
-        <div class="container">
-
-
-          <!-- accordion -->
-          <div class="accordion accordion-flush justify-content-center" id="accordionFlush">
-
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="flush-headingOne">
-                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
-                  Enne alustamist
-                </button>
-              </h2>
-              <div id="flush-collapseOne" class="accordion-collapse collapse show" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlush">
-                <div class="accordion-body">
-                  <p>
-                    Enne Rännakule asumist tutvu kindlasti 
-					<a href="lehed/rollid">rollidega</a>.
-					<br/>
-					Kahjuks ei ole digirännak telefoniga läbitav.
-				  </p>
-                  <p>
-					Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quae nesciunt vitae repellat quasi quibusdam minima? Quos dicta maxime dolore ab ex 
-					perspiciatis veritatis recusandae molestiae repellendus. Officiis fugit, cumque delectus dignissimos non repellendus quo.
-				  </p>
-                </div>
-              </div>
-            </div>
-
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="flush-headingTwo">
-                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
-                  Rännaku ajal
-                </button>
-              </h2>
-              <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlush">
-                <div class="accordion-body">
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, consequatur. Aliquam ea iste assumenda vel ipsa maiores ex distinctio temporibus autem quia.
-                   Omnis ipsa tempore nihil porro qui aut magnam. Temporibus quasi quo dicta excepturi nam perferendis eum molestias accusamus.</p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                </div>
-              </div>
-            </div>
-
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="flush-headingThree">
-                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
-                Lõpetamine
-                </button>
-              </h2>
-              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlush">
-                <div class="accordion-body">
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                </div>
+        <div>
+            <strong>Aasta on 1991.</strong> Eesti ajaloos toimuvad pöördelised sündmused. 
+            18. augustil algab Moskvas vanameelsete riigipöördekatse, mis kukub läbi. 
+            20. augusti hilisõhtul kell 23.03 taastatakse Eesti Vabariigi iseseisvus. 
+            Aasta lõpus laguneb Nõukogude Liit. 
+            Algab uus ajajärk, mis on täis nii pingeid ja pingutusi kui ka uusi võimalusii
+            <br><br>
+            Meie rändame <strong>21. augustisse 1991</strong>, mil Eesti on esimest päeva taas vaba. Uut olukorda kogeme kuue tegelaskuju kaudu. Saage tuttavaks: kaitseliitlane Vahur, 
+            koolidirektor Elle, partorg Maria, üliõpilane Tõnu, pereema Virge ja noor ärikas Toits!
+            <br><br>
+            Muidugi nad teavad, mis otsuse Eesti Vabariigi ülemnõukogu öösel vastu võttis, ent nende vaatenurk ja suhtumine ei ole sugugi sama. Igal neist on oma elukogemus ja positsioon ühiskonnas ning kaua oodatud vabadus ei tulegi kõigile rõõmsa uudisena.
+            <br><br>
+            <strong>Mida mängimiseks vajate?</strong>
+            <ul>
+                <li>Valmistage end ette: tutvuge <a href="../oppematerjalid">õpimapiga</a>  õpetajatele ja õpilastele.</li>
+                <li> Arvutit (tahvlis ja nutitelefonis ei saa seda mängida). </li>
+                <li> Jaotage klass kolme rühma, igal rühmal on vaja ühte kõlaritega arvutit. </li>
+                <li> Mäng on põgenemistoa formaadis. Ülesanded tuleb lahendada kindlas järjestuses: eelmine ülesanne peab olema lahendatud, enne kui saab järgmise juurde asuda. </li>
+                <li> Tegelased on jagatud kolmeks paariks: üliõpilane ja partorg, kaitseliitlane ja pereema, koolidirektor ja ärimees.  Iga rühm asub lahendama ühe paari ülesandeid. Igal tegelaskujul on kolm ülesannet.  </li>
+                <li> Vaadake enne mängu tegelaskujusid tutvustavad videod üle. </li>
+            </ul>
+            <br>
+            <div>
+               Mäng kestab <strong>30–40 minutit.</strong><br>
+               Ava- ja lõpuülesanne on mõeldud <strong>kogu klassiga lahendamiseks!</strong><br>
+               Võtke ka aega, et <strong>pärast mängu kogemusi jagada.</strong><br>   
             </div>
-
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="flush-headingFour">
-                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour">
-                  Lisaks veel
-                </button>
-              </h2>
-              <div id="flush-collapseFour" class="accordion-collapse collapse" aria-labelledby="flush-headingFour" data-bs-parent="#accordionFlush">
-                <div class="accordion-body">
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                </div>
-              </div>
+            <br>
+            <div>
+              <strong>Soovitus:</strong> meeleolu loomiseks pange digirännaku päeval selga ajastukohased riided ja kujundage selles võtmes klassiruum. Valmistage üheskoos sellele ajale iseloomulik toit (nt kartulisalat, võileivad, kolmnurgakook, morss jms, ääristage morsiklaas suhkrurõngaga…) ja katke laud. Taustaks sobib toonane muusika.
             </div>
 
-            <div class="accordion-item">
-              <h2 class="accordion-header" id="flush-headingFive">
-                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="false" aria-controls="flush-collapseFive">
-                  Viimane Reegel
-                </button>
-              </h2>
-              <div id="flush-collapseFive" class="accordion-collapse collapse" aria-labelledby="flush-headingFive" data-bs-parent="#accordionFlush">
-                <div class="accordion-body">
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
-                </div>
-              </div>
+            <br><br>
+            <div>
+              <strong>Kontakt:</strong><br>
+              kaari.siemer@erm.ee
+              <br>
+              pille.rohtla@audentes.ee
             </div>
 
-
-          </div>
         </div>
     </section>
 
 
     <footer>
+       <div class="logoWrapper">
+         <img class="logo" src="img/erasmus.jpg" alt="Erasmus logo">
+         <img class="logo" src="img/audentes.jpg" alt="Audentes logo">
+         <img class="logo" src="img/erm.jpg" alt="ERM logo">
+       </div>
         <i><p>
         The European Commission's support for the production of this
         publication does not constitute an endorsement of the contents,
@@ -167,10 +122,6 @@
         sisu on heaks kiidetud. Sisu kajastab autorite seisukohti – Euroopa
         Komisjon ei võta vastutust selles sisalduva teabe kasutamise eest.
        </p></i>
-       <div class="logoWrapper">
-         <img class="logo" src="img/ermDark.jpg" alt="ERM logo">
-         <img class="logo" src="img/audentesDark.png" alt="Audentes logo">
-       </div>
     </footer>
 
 
diff --git a/lehed/juhend/styles.css b/lehed/juhend/styles.css
index 58c68b6..6979828 100644
--- a/lehed/juhend/styles.css
+++ b/lehed/juhend/styles.css
@@ -43,19 +43,16 @@ footer p {
     text-align: center;
     align-items: center;
     justify-content: center;
+    margin-bottom: .77rem;
 }
 
 
 
 
-
-
-
-
-
-/* Accordion */
-.accordion-item, .accordion-header, .accordion-button{
-  background-color: transparent !important;
-  border: none !important;
-  text-decoration: none !important;
+/* Mainers */
+#juhend {
+    font-size: 1.1rem;
+    margin: 2% 13%;
+    color: white;
 }
+
diff --git a/lehed/oppematerjalid/img/audentes.jpg b/lehed/oppematerjalid/img/audentes.jpg
new file mode 100644
index 0000000..7962bdc
--- /dev/null
+++ b/lehed/oppematerjalid/img/audentes.jpg
diff --git a/lehed/oppematerjalid/img/audentesDark.png b/lehed/oppematerjalid/img/audentesDark.png
deleted file mode 100644
index 743224c..0000000
--- a/lehed/oppematerjalid/img/audentesDark.png
+++ /dev/null
diff --git a/lehed/oppematerjalid/img/erasmus2.jpg b/lehed/oppematerjalid/img/erasmus.jpg
index 17bdd39..17bdd39 100644
--- a/lehed/oppematerjalid/img/erasmus2.jpg
+++ b/lehed/oppematerjalid/img/erasmus.jpg
diff --git a/lehed/oppematerjalid/img/erasmus1.jpg b/lehed/oppematerjalid/img/erasmus1.jpg
deleted file mode 100644
index d3526a6..0000000
--- a/lehed/oppematerjalid/img/erasmus1.jpg
+++ /dev/null
diff --git a/lehed/oppematerjalid/img/erasmusDark.png b/lehed/oppematerjalid/img/erasmusDark.png
index 376c493..ff8314e 100644
--- a/lehed/oppematerjalid/img/erasmusDark.png
+++ b/lehed/oppematerjalid/img/erasmusDark.png
diff --git a/lehed/oppematerjalid/img/erasmusDark2.png b/lehed/oppematerjalid/img/erasmusDark2.png
deleted file mode 100644
index ff8314e..0000000
--- a/lehed/oppematerjalid/img/erasmusDark2.png
+++ /dev/null
diff --git a/lehed/oppematerjalid/img/erm.jpg b/lehed/oppematerjalid/img/erm.jpg
new file mode 100644
index 0000000..c3a83ce
--- /dev/null
+++ b/lehed/oppematerjalid/img/erm.jpg
diff --git a/lehed/oppematerjalid/img/ermDark.jpg b/lehed/oppematerjalid/img/ermDark.jpg
deleted file mode 100644
index 45dbfc7..0000000
--- a/lehed/oppematerjalid/img/ermDark.jpg
+++ /dev/null
diff --git a/lehed/oppematerjalid/index.html b/lehed/oppematerjalid/index.html
index 8afa66e..6688b47 100644
--- a/lehed/oppematerjalid/index.html
+++ b/lehed/oppematerjalid/index.html
@@ -22,7 +22,7 @@
         </a>
 
         <a class="navbar-brand" href="../../#intro">
-            <img class="logo" src="img/erasmusDark2.png" alt="Erasmus logo">
+            <img class="logo" src="img/erasmusDark.png" alt="Erasmus logo">
         </a>
 
         <!-- toggle button for mobile nav -->
@@ -34,19 +34,19 @@
         <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav">
           <ul class="navbar-nav">
             <li class="nav-item">
-              <a class="nav-link" href="../projekt">Projekt</a>
-            </li>
-            <li class="nav-item">
               <a class="nav-link" href="../juhend">Juhend</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a>
             </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../projekt">Projektist</a>
+            </li>
             <li class="nav-item d-md-none">
-              <a class="nav-link" href="../rollid">Rollid</a>
+              <a class="nav-link" href="../rollid">Tegelased</a>
             </li>
             <li class="nav-item ms-2 d-none d-md-inline">
-              <a class="btn btn-secondary" href="../rollid">Rollid</a>
+              <a class="btn btn-secondary" href="../rollid">Tegelased</a>
             </li>
           </ul>
         </div>
@@ -73,6 +73,11 @@
 
 
     <footer>
+       <div class="logoWrapper">
+         <img class="logo" src="img/erasmus.jpg" alt="Erasmus logo">
+         <img class="logo" src="img/erm.jpg" alt="ERM logo">
+         <img class="logo" src="img/audentes.jpg" alt="Audentes logo">
+       </div>
         <i><p>
         The European Commission's support for the production of this
         publication does not constitute an endorsement of the contents,
@@ -84,10 +89,6 @@
         sisu on heaks kiidetud. Sisu kajastab autorite seisukohti – Euroopa
         Komisjon ei võta vastutust selles sisalduva teabe kasutamise eest.
        </p></i>
-       <div class="logoWrapper">
-         <img class="logo" src="img/ermDark.jpg" alt="ERM logo">
-         <img class="logo" src="img/audentesDark.png" alt="Audentes logo">
-       </div>
     </footer>
 
 
diff --git a/lehed/oppematerjalid/styles.css b/lehed/oppematerjalid/styles.css
index 929d110..5239313 100644
--- a/lehed/oppematerjalid/styles.css
+++ b/lehed/oppematerjalid/styles.css
@@ -42,6 +42,7 @@ footer p {
     text-align: center;
     align-items: center;
     justify-content: center;
+    margin-bottom: .77rem;
 }
 
 
diff --git a/lehed/projekt/img/audentes.jpg b/lehed/projekt/img/audentes.jpg
new file mode 100644
index 0000000..7962bdc
--- /dev/null
+++ b/lehed/projekt/img/audentes.jpg
diff --git a/lehed/projekt/img/audentesDark.png b/lehed/projekt/img/audentesDark.png
deleted file mode 100644
index 743224c..0000000
--- a/lehed/projekt/img/audentesDark.png
+++ /dev/null
diff --git a/lehed/projekt/img/erasmus2.jpg b/lehed/projekt/img/erasmus.jpg
index 17bdd39..17bdd39 100644
--- a/lehed/projekt/img/erasmus2.jpg
+++ b/lehed/projekt/img/erasmus.jpg
diff --git a/lehed/projekt/img/erasmus1.jpg b/lehed/projekt/img/erasmus1.jpg
deleted file mode 100644
index d3526a6..0000000
--- a/lehed/projekt/img/erasmus1.jpg
+++ /dev/null
diff --git a/lehed/projekt/img/erasmusDark.png b/lehed/projekt/img/erasmusDark.png
index 376c493..ff8314e 100644
--- a/lehed/projekt/img/erasmusDark.png
+++ b/lehed/projekt/img/erasmusDark.png
diff --git a/lehed/projekt/img/erasmusDark2.png b/lehed/projekt/img/erasmusDark2.png
deleted file mode 100644
index ff8314e..0000000
--- a/lehed/projekt/img/erasmusDark2.png
+++ /dev/null
diff --git a/lehed/projekt/img/erm.jpg b/lehed/projekt/img/erm.jpg
new file mode 100644
index 0000000..c3a83ce
--- /dev/null
+++ b/lehed/projekt/img/erm.jpg
diff --git a/lehed/projekt/img/ermDark.jpg b/lehed/projekt/img/ermDark.jpg
deleted file mode 100644
index 45dbfc7..0000000
--- a/lehed/projekt/img/ermDark.jpg
+++ /dev/null
diff --git a/lehed/projekt/index.html b/lehed/projekt/index.html
index e189ef3..a0221fd 100644
--- a/lehed/projekt/index.html
+++ b/lehed/projekt/index.html
@@ -13,7 +13,7 @@
 
     <!-- navbar -->
     <nav class="navbar navbar-expand-md">
-      <div class="container fs-5">
+      <div class="container">
         <!-- navbar brand / title -->
         <a class="navbar-brand" href="../../#intro">
           <span class="text-secondary fw-bold">
@@ -22,7 +22,7 @@
         </a>
 
         <a class="navbar-brand" href="../../#intro">
-            <img class="logo" src="img/erasmusDark2.png" alt="Erasmus logo">
+            <img class="logo" src="img/erasmusDark.png" alt="Erasmus logo">
         </a>
 
         <!-- toggle button for mobile nav -->
@@ -34,19 +34,19 @@
         <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav">
           <ul class="navbar-nav">
             <li class="nav-item">
-              <a class="nav-link" href="../projekt">Projekt</a>
-            </li>
-            <li class="nav-item">
               <a class="nav-link" href="../juhend">Juhend</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a>
             </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../projekt">Projektist</a>
+            </li>
             <li class="nav-item d-md-none">
-              <a class="nav-link" href="../rollid">Rollid</a>
+              <a class="nav-link" href="../rollid">Tegelased</a>
             </li>
             <li class="nav-item ms-2 d-none d-md-inline">
-              <a class="btn btn-secondary" href="../rollid">Rollid</a>
+              <a class="btn btn-secondary" href="../rollid">Tegelased</a>
             </li>
           </ul>
         </div>
@@ -56,7 +56,7 @@
 
     <!-- Sissejuhatus -->
     <section id="sissejuhatus">
-        <h1 class="text-center pb-3"><strong>Projekt</strong></h1>
+        <h1 class="text-center pb-3"><strong>Projektist</strong></h1>
     </section>
 
 
@@ -104,10 +104,25 @@
         <br>
         <strong>Helisalvestus:</strong> Maido Selgmäe (ERM)
       </div>
+
+      <br><br>
+
+      <div>
+        <strong>Kontakt:</strong><br>
+        kaari.siemer@erm.ee
+        <br>
+        pille.rohtla@audentes.ee
+      </div>
+
     </main>
 
 
     <footer>
+       <div class="logoWrapper">
+         <img class="logo" src="img/erasmus.jpg" alt="Erasmus logo">
+         <img class="logo" src="img/erm.jpg" alt="ERM logo">
+         <img class="logo" src="img/audentes.jpg" alt="Audentes logo">
+       </div>
         <i><p>
         The European Commission's support for the production of this
         publication does not constitute an endorsement of the contents,
@@ -119,10 +134,6 @@
         sisu on heaks kiidetud. Sisu kajastab autorite seisukohti – Euroopa
         Komisjon ei võta vastutust selles sisalduva teabe kasutamise eest.
        </p></i>
-       <div class="logoWrapper">
-         <img class="logo" src="img/ermDark.jpg" alt="ERM logo">
-         <img class="logo" src="img/audentesDark.png" alt="Audentes logo">
-       </div>
     </footer>
 
 
diff --git a/lehed/projekt/styles.css b/lehed/projekt/styles.css
index 0be49e3..4522ea2 100644
--- a/lehed/projekt/styles.css
+++ b/lehed/projekt/styles.css
@@ -27,6 +27,7 @@ h1 {color: #FFB673}
 main {
     margin: 2.5% 13%;
     color: white;
+    font-size: 1.1rem;
 }
 
 
@@ -49,4 +50,5 @@ footer p {
     text-align: center;
     align-items: center;
     justify-content: center;
+    margin-bottom: .77rem;
 }
diff --git a/lehed/rollid/img/audentes.jpg b/lehed/rollid/img/audentes.jpg
new file mode 100644
index 0000000..7962bdc
--- /dev/null
+++ b/lehed/rollid/img/audentes.jpg
diff --git a/lehed/rollid/img/audentesDark.png b/lehed/rollid/img/audentesDark.png
deleted file mode 100644
index 743224c..0000000
--- a/lehed/rollid/img/audentesDark.png
+++ /dev/null
diff --git a/lehed/rollid/img/erasmus2.jpg b/lehed/rollid/img/erasmus.jpg
index 17bdd39..17bdd39 100644
--- a/lehed/rollid/img/erasmus2.jpg
+++ b/lehed/rollid/img/erasmus.jpg
diff --git a/lehed/rollid/img/erasmus1.jpg b/lehed/rollid/img/erasmus1.jpg
deleted file mode 100644
index d3526a6..0000000
--- a/lehed/rollid/img/erasmus1.jpg
+++ /dev/null
diff --git a/lehed/rollid/img/erasmusDark.png b/lehed/rollid/img/erasmusDark.png
index 376c493..ff8314e 100644
--- a/lehed/rollid/img/erasmusDark.png
+++ b/lehed/rollid/img/erasmusDark.png
diff --git a/lehed/rollid/img/erasmusDark2.png b/lehed/rollid/img/erasmusDark2.png
deleted file mode 100644
index ff8314e..0000000
--- a/lehed/rollid/img/erasmusDark2.png
+++ /dev/null
diff --git a/lehed/rollid/img/erm.jpg b/lehed/rollid/img/erm.jpg
new file mode 100644
index 0000000..c3a83ce
--- /dev/null
+++ b/lehed/rollid/img/erm.jpg
diff --git a/lehed/rollid/img/ermDark.jpg b/lehed/rollid/img/ermDark.jpg
deleted file mode 100644
index 45dbfc7..0000000
--- a/lehed/rollid/img/ermDark.jpg
+++ /dev/null
diff --git a/lehed/rollid/index.html b/lehed/rollid/index.html
index 410d97d..5b3d84e 100644
--- a/lehed/rollid/index.html
+++ b/lehed/rollid/index.html
@@ -14,8 +14,8 @@
 <body>
 
     <!-- navbar -->
-    <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-2">
-      <div class="container fs-5">
+    <nav class="navbar navbar-expand-md navbar-dark">
+      <div class="container">
         <!-- navbar brand / title -->
         <a class="navbar-brand" href="../../#intro">
           <span class="text-secondary fw-bold">
@@ -24,7 +24,7 @@
         </a>
 
         <a class="navbar-brand" href="../../#intro">
-            <img class="logo" src="img/erasmusDark2.png" alt="Erasmus logo">
+            <img class="logo" src="img/erasmusDark.png" alt="Erasmus logo">
         </a>
 
         <!-- toggle button for mobile nav -->
@@ -36,19 +36,19 @@
         <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav">
           <ul class="navbar-nav">
             <li class="nav-item">
-              <a class="nav-link" href="../projekt">Projekt</a>
-            </li>
-            <li class="nav-item">
               <a class="nav-link" href="../juhend">Juhend</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a>
             </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../projekt">Projektist</a>
+            </li>
             <li class="nav-item d-md-none">
-              <a class="nav-link" href="../rollid">Rollid</a>
+              <a class="nav-link" href="../rollid">Tegelased</a>
             </li>
             <li class="nav-item ms-2 d-none d-md-inline">
-              <a class="btn btn-secondary" href="../rollid">Rollid</a>
+              <a class="btn btn-secondary" href="../rollid">Tegelased</a>
             </li>
           </ul>
         </div>
@@ -60,7 +60,7 @@
 
 
     <div class="container bg-dark justify-content-center rollid">
-      <h1 class="text-center text-white pb-3">Rollid</h1> 
+      <h1 class="text-center text-white pb-3">Tegelased</h1> 
 
       <div class="container my-3">
         <nav>
@@ -99,34 +99,24 @@
           <div class="tab-pane fade show active p-3 text-white" id="nav-opilane" role="tabpanel" aria-labelledby="nav-opilane-tab">
             <div class="row">
               <div>
-                <h2 class="uliopilanePealkiri">TÕNU, üliõpilane. Sündinud 1969, 22-aastane</h2>
+                <h2 class="uliopilanePealkiri">ÜLIÕPILANE Tõnu, 22-aastane (s 1969)</h2>
 
                 <video controls >
                   <source src="vids/uliopilane.mp4" type="video/mp4" />
                 </video>
 
-                <p>Olen Virumaa poiss – täpsemalt Lääne-Viru maakonnast Rakke alevikust. See on üks selline
-                   keskmise suurusega raudteeasula, mille suur osa elanikest töötab kohalikus lubjatehases.
+                <p>
+                   Olen Virumaa poiss, täpsemalt Lääne-Viru maakonnast Rakke alevikust.
+                   See on üks selline keskmise suurusega raudteeasula,
+                   kus suur osa elanikest töötab kohalikus lubjatehases.
                    <br/><br/>
-                   1987. aasta kevadel, kui keskkooli lõpueksamiteks valmistusin, käisin Tartu
-                   levimuusikapäevadel, kus esitati noore helilooja Alo Mattiiseni ja luuletaja Jüri Leesmendi
-                   laulu “Ei ole üksi ükski maa”. See laul oli mõeldud toetuseks Virumaa fosforiidikaevanduste-
-                   vastasele liikumisele ning mõjus mulle väga. Ikkagi ju peaaegu kodukant!
+                   1987. aasta kevadel, kui keskkooli lõpueksamiteks valmistusin, käisin Tartu levimuusikapäevadel, kus külas noore helilooja Alo Mattiiseni ja luuletaja Jüri Leesmendi laul „Ei ole üksi ükski maa”. See laul oli mõeldud toetuseks Virumaa fosforiidikaevanduste-vastasele liikumisele ning mõjus mulle väga. Ikkagi ju peaaegu kodukant! 
                    <br/><br/>
-                   Samal aastal asusin õppima Tartu Riiklikusse Ülikooli ajaloo erialale. Kohe õpingute algul
-                   sattusin omasuguste rahvuslikult meelestatud üliõpilaste seltskonda. Korraldasime
-                   koosviibimisi ja arutasime, milline võiks olla Eesti tulevik ja mida ise selle heaks kohe nüüd
-                   ära teha saaksime. 1988. aasta kevadel toimusid üksteise järel erinevad rahvaüritused, millest
-                   isegi osa võtsin: aprillis Tartu muinsuskaitsepäevad, mais rattamatk “Kuidas elad, Virumaa”,
-                   juunis Öölaulupeod Tallinna lauluväljakul. Igal pool lehvisid siis juba sinimustvalged lipud!
+                   Samal aastal asusin õppima Tartu Riiklikku Ülikooli ajaloo erialale. Kohe õpingute algul sattusin omasuguste rahvuslikult meelestatud üliõpilaste seltskonda. Korraldasime koosviibimisi ja arutasime, milline võiks olla Eesti tulevik ja mida saaksime ise selle heaks kohe nüüd ära teha. 1988. aasta kevadel toimusid üksteise järel mitmed rahvaüritused, millest isegi osa võtsin: aprillis Tartu muinsuskaitsepäevad, mais rattamatk „Kuidas elad, Virumaa”, juunis öölaulupeod Tallinna lauluväljakul. Igal pool lehvisid siis juba sinimustvalged lipud!
                    <br/><br/>
-                   1989. aasta 23. augustil korraldati Balti Kett läbi Eesti, Läti ja Leedu; vedasin sinna ka oma
-                   isa ja ema. Tulid kaasa ja olid toimunust väga liigutatud.
+                   1989. aasta 23. augustil korraldati Balti kett läbi Eesti, Läti ja Leedu. Vedasin sinna ka oma isa ja ema. Nad tulid kaasa ja olid toimunust väga liigutatud.
                    <br/><br/>
-                   Mida ma siis praegusest olukorrast arvan? Tegelikult on ju kõik selgemast selge – Eesti riiklik
-                   iseseisvus tuleb taastada. Ainult ise oma asjade üle otsustades jääme väikerahvana püsima.
-                   Kes on julge ja tark, oskab ära tunda õiget hetke ning olud enda kasuks pöörata. Usun, et just
-                   praegu on see aeg Eesti rahva jaoks käes.</p>
+                   Mida ma praegusest olukorrast arvan? Tegelikult on ju kõik selgemast selge – Eesti riiklik iseseisvus tuli taastada. Ainult ise oma asjade üle otsustades jääme väikerahvana püsima. Kes on julge ja tark, oskab ära tunda õiget hetke ning olud enda kasuks pöörata. Usun, et just praegu on see aeg Eesti rahva jaoks käes.
               </div>
               
             </div>
@@ -135,43 +125,28 @@
           <div class="tab-pane fade p-3 text-white" id="nav-partorg" role="tabpanel" aria-labelledby="nav-partorg-tab">
             <div class="row">
               <div>
-                <h2 class="partorgPealkiri">MARIA, partorg. Sündinud 1933, 58-aastane</h2>
+                <h2 class="partorgPealkiri">PARTORG Maria, 58-aastane (s 1933)</h2>
 
                 <video controls >
                   <source src="vids/partorg.mp4" type="video/mp4" />
                 </video>
 
-                <p>Olen sündinud Nõukogude Liidus 1933. aastal ning Suure Isamaasõja keerises sattusin 11-
-                   aastasena koos vanematega oma esiisade maale, Eesti NSVsse.
+                <p>
+                   Olen sündinud Nõukogude Liidus 1933. aastal ning Suure Isamaasõja keerises sattusin 11-aastasena koos vanematega oma esiisade maale, Eesti NSVsse.
                    <br/><br/>
-                   Minu vanemad andsid kogu oma jõu ja tervise kommunismi ülesehitamise ja rahvaste sõpruse
-                   hüvanguks Eesti Nõukogude Sotsialistlikus Vabariigis, töötades kuni pensionipõlveni
-                   Tallinnas Dvigateli tehases ning täites ja ületades viisaastakuplaane alati nelja aastaga!
+                   Minu vanemad andsid kogu oma jõu ja tervise kommunismi ülesehitamise ja rahvaste sõpruse hüvanguks Eesti Nõukogude Sotsialistlikus Vabariigis. Nad töötasid kuni pensionipõlveni Tallinnas Dvigateli tehases ning täitsid ja ületasid viisaastakuplaane alati nelja aastaga!
                    <br/><br/>
-                   Minu ametlik haridustee jäi esialgu lünklikuks. Õppisin iseseisvalt ning 1955. aastal astusin
-                   Marksismi-Leninismi õhtuülikooli, kus olin oma kursuse üks eesrindlikumaid lõpetajaid.
+                   Minu ametlik haridustee jäi esialgu lünklikuks. Õppisin iseseisvalt ning 1955. aastal astusin Marksismi-Leninismi õhtuülikooli, kus olin oma kursuse üks eesrindlikumaid lõpetajaid. 
                    <br/><br/>
-                   Järgnesid põnevad aastad erinevates tööliskollektiivides, kus olin ametis partorgina. Hiljem
-                   töötasin EKP keskkomitees mitmetel huvitavatel ning vastutusrikastel ametikohtadel.
+                   Järgnesid põnevad aastad erinevates tööliskollektiivides, kus olin ametis partorgina. Hiljem töötasin EKP keskkomitees mitmel huvitaval ning vastutusrikkal ametikohal.
                    <br/><br/>
-                   Töötades maailmavaatelt lähedaste inimestega, leidsin palju häid ja kasulikke sõpru, kes
-                   aitasid hankida defitsiiti. Suviti puhkasin Krimmi või Sotši kuurortides. 1979. aastal õnnestus
-                   mul külastada isegi kapitalistlikku Rootsi kuningriiki. Millestki puudus pole mul olnud – mul
-                   on kodus kõik importasjad: Tšehhi kristall, värviteler, Poola mikser, Bulgaaria konservid,
-                   Saksa Demokraatliku Vabariigi köögimööbel, Jugoslaavia vaibad, Soome pestav tapeet.
-                   Korter on kõigi mugavustega kolmetoaline ja maja ees seisab minu isiklik helesinine
-                   Moskvitš 412. Vaikselt olen kogunud ehitusmaterjali, sest olen hankinud suvilakrundi Klooga
-                   mändide all.
+                   Töötades maailmavaatelt lähedaste inimestega, leidsin palju häid ja kasulikke sõpru, kes aitasid hankida defitsiiti. Suviti puhkasin Krimmi või Sotši kuurortides. 1979. aastal õnnestus mul külastada isegi kapitalistlikku Rootsi kuningriiki. Millestki puudus pole mul olnud – mul on kodus kõik importasjad: Tšehhi kristall, värviteler, Poola mikser, Bulgaaria konservid, Saksa Demokraatliku Vabariigi köögimööbel, Jugoslaavia vaibad, Soome pestav tapeet. Korter on kõigi mugavustega kolmetoaline ja maja ees seisab minu isiklik helesinine Moskvitš 412. Vaikselt olen kogunud ehitusmaterjali, sest olen hankinud suvilakrundi Klooga mändide all.
                    <br/><br/>
-                   Viimastel aastatel on vaatamata minu jõupingutustele hakanud kõik kiiva kiskuma. Eesti
-                   NSV-s on hakanud pead tõstma natsionalism. Tahetakse häbiväärselt hävitada kogu
-                   sotsialistlik heaolu ja turvalisus, mille oleme saavutanud maailma suurima ja võimsama riigi
-                   kaitsel ja toel! Oleme vajumas kodanlik-kapitalislikku mülkasse.
+                   Viimastel aastatel on vaatamata minu jõupingutustele hakanud kõik kiiva kiskuma. Eesti NSVs on hakanud pead tõstma natsionalism. Tahetakse häbiväärselt hävitada kogu sotsialistlik heaolu ja turvalisus, mille oleme saavutanud maailma suurima ja võimsama riigi kaitsel ja toel! Oleme vajumas kodanlik-kapitalislikku mülkasse.
                    <br/><br/>
-                   Mis saab minu suvila krundist, kokkuhangitud materjalidest? Mis saab minu auväärsest
-                   töökohast EKP keskkomitees? Kas edaspidi on siis mitu parteid? Miks neid nii palju vaja on?
+                   Mis saab minu suvilakrundist, hangitud materjalidest? Mis saab minu auväärsest töökohast EKP keskkomitees? Kas edaspidi on siis mitu parteid? Miks neid nii palju vaja on?
                    <br/><br/>
-                   Inimesed, tulge mõistusele, oleme ikka edasi sõbrad Nõukogude Liidu vennalikus peres!</p>
+                   Inimesed, tulge mõistusele, oleme ikka edasi sõbrad Nõukogude Liidu vennalikus peres!
               </div>
               
             </div>
@@ -180,37 +155,20 @@
           <div class="tab-pane fade p-3 text-white" id="nav-arimees" role="tabpanel" aria-labelledby="nav-arimees-tab">
             <div class="row">
               <div>
-                <h2 class="arimeesPealkiri">TOIVO, ärimees. Sündinud 1965, 22-aastane</h2>
+                <h2 class="arimeesPealkiri">ÄRIKAS Toivo, 26-aastane (s 1965)</h2>
 
                 <video controls >
                   <source src="vids/arimees.mp4" type="video/mp4" />
                 </video>
 
                 <p>
-                Olen Toivo, omadele Toits. 22-aastane, sündinud 1965.aastal.
-                <br><br>
-                Olen eluaeg Tallinnas elanud. Juba poisikesena hakkasin ma väikestviisi äri ajama: müüsin
-                poistele välismaa nätsupabereid ja hiljem juba videokassette, teksaseid, kosmeetikat.
-                No ja nii see vaikselt hakkas looma, see minu äritegevus, noh. 
+                Toits olen. Eluaeg Tallinnas elanud, juba poisikesena hakkasin väikest viisi äri ajama. Müüsin poistele välismaa nätsupabereid ja hiljem juba videokassette, teksaseid, kosmeetikat. No ja nii see hakkas vaikselt looma, see minu äritegevus, noh.
                 <br><br>
-                Õppisin Pirital, 36. keskkoolis, hinded olid peamiselt kolmed, aga soome  keelt ma õppisin.
-                Soome keelt sai  telekast õppida, sest  tallinlased ja põhjaeestlased lasid omale televiisorisse
-                paigaldada  lisajubina, mis abil said  vaadata Soome televisiooni saateid. Vene keel tuli ka
-                kuidagi iseenesest, mul on ka venelastest sõpru. 
+                Õppisin Pirita keskkoolis, hinded peamiselt kolmed. Aga soome keelt ma õppisin, seda sai telekast õppida, sest põhjaeestlased lasid paigaldada oma televiisorisse lisaploki, millega sai vaadata Soome televisiooni. Keskas käies hakkasin Viru juures suhteid looma ja Soomest kraami vahendama. 
                 <br><br>
-                Keskas käies  hakkasin Viru juures suhteid looma ja Soomest kraami vahendama. Oma esimese “soomlase”
-                sain 1986. aastal. Lihtsalt astusin sadamas ühele sommile ligi ja hakkasime rääkima. See osutus Pekkaks
-                ja nii me sõbrunesimegi. Pekka käis igal kuul Tallinnas ja hakkas mulle kilekottides riideid ja muud
-                kraami kaasa tooma. Kõige kuumemaks kaubaks olid ikka Marlboro suitsud, Levise teksad, Adi tossud-dressid.
-                Võtsin sõber Urmase ka kampa ja tegime valutsipoe. Üürisime vanalinnas ühe pinna, panime neoontuled välja
-                ja rahvas tuli! Valuutat oli enamasti välismaalastel ja ka vähestel eesti inimestel, kel on sidemeid läänes.
-                Tegelikult nõukogude inimene valuutat omada ei tohigi. Kui sul seda ilma nö loata oli, võisid karistuse kaela
-                saada. Välismaalased tõid kõvasti pappi ja pood elas kenas kasumis. 
+                Esimese „oma soomlase“ sain 1987. aastal – lihtsalt astusin sadamas ühele sommile ligi ja hakkasime rääkima. Pekka tuli siis iga kuu Tallinnasse ja tõi mulle kilekottides riideid ja muud kraami. Kõige kuumemaks kaubaks olid ikka Marlboro suitsud, Levise teksad, Adi tossud-dressid. Võtsin sõber Urmase kampa ja tegime valutsipoe. Üürisime vanalinnas ühe pinna, panime neoontuled välja ja rahvas tuli! Valuutat ikka ringleb – enamasti välismaalastel ja vähestel eestlastel, kel sugulased läänes. Nõukogude inimene ju valuutat omada ei tohigi – võisid karistuse kaela saada. Välismaalased tõid kõvasti pappi ja pood elas kenas kasumis. Minu sissetulek oli kordades suurem kui mu vanematel. 1989. aastal ostsin Ford Fiesta –  tumesinine, teenis mind mitu aastat, siis müüsin selle maha ja nüüd on mul Audi. Lääne autosid on juba meie tänavatel päris palju. 
                 <br><br>
-                Minu sissetulek oli ikka kordades suurem, kui mu vanematel. 1988ndal sain endale osta auto Ford Fiesta.
-                See oli tumesinine ja teenis mind paar aastat, siis müüsin selle maha ja nüüd on mul Audi. Lääne autosid
-                on juba meie tänavatel päris palju. Seda muidugi ei tea, kuidas elu muutub, kui oma Eesti raha tuleb, aga
-                oleks ikka äge, kui saaks juba kroonidega arveldada. Usun, et nüüd, kui meil on oma riik, läheb elu ikka paremaks.
+                Seda muidugi ei tea, kuidas elu muutub, kui oma Eesti raha tuleb, aga oleks ikka äge, kui saaks juba kroonidega arveldada. Usun, et nüüd, kui meil on oma riik, läheb elu ikka paremaks.
                 </p>
 
               </div>
@@ -220,33 +178,19 @@
           <div class="tab-pane fade p-3 text-white" id="nav-perenaine" role="tabpanel" aria-labelledby="nav-perenaine-tab">
             <div class="row">
               <div>
-                <h2 class="perenainePealkiri">VIRGE, perenaine. Sündinud 1955, 35-aastane</h2>
-
+                <h2 class="perenainePealkiri">PERENAINE Virge, 35-aastane (s 1955)</h2>
                 <video controls >
                   <source src="vids/perenaine.mp4" type="video/mp4" />
                 </video>
 
-                <p>Olen tüüpiline tänapäeva naine – päeval tööl, õhtul kodus. Abielus, kaks last. Igapäevaelu
-                   nõuab päris suuri oskusi, et ära elada. Poed on kaupadest tühjad, paljalt talongidest ära ei ela.
-                   Kogu augustikuu olen ainult sisse teinud – hakkinud ja vekkinud. Õnneks on minu töö
-                   apteekrina võimaldanud eluga ikka paremini toime tulla – vahetuskaup, niinimetatud vorst
-                   vorsti vastu. Kui kohaliku kooperatiivi juhataja emal on tervisemured, siis ravimite saamiseks
-                   pöördutakse ikka minu poole – saan purgi või kaks kõrvale panna. Vastutasuks kutsub tema
-                   mind enne kauba väljapanekut omale paremat välja valima. Nii saingi eile pojale värvilise
-                   tuulepluusi. Tšehhi kaup, selliseid tuli kaubandusse vaid kolm tükki.
+                <p>
+                   Olen tüüpiline tänapäeva naine – päeval tööl, õhtul kodus. Abielus, kaks last. 
                    <br/><br/>
-                   Need uue aja imed – kirikuabi ja välismaised kataloogid – on muidugi põnevad, aga vaat seda
-                   abi on küll piinlik piiluma minna! Ega me ju nii vaesed ka ei ole! Kuigi pidi puha välismaa
-                   kaup olema. Aga esimese kataloogitellimuse tegin Soomes elava sõbranna kaudu igatahes
-                   ära. Tellisin mehele kivipesuteksad, lastele tossud ja dressipüksid ja endale siidist
-                   hommikumantli ja neoonlauvärvid. Kolme nädala pärast peaks pakk postkontorisse jõudma!
-                   Loodetavasti saab kataloogikaupa varsti ka Eestis osta!
+                   Aga praegune igapäevaelu nõuab päris suuri oskusi, et ära elada. Poed on kaupadest tühjad, paljalt talongidest ära ei ela. Kogu augustikuu olen ainult sisse teinud – hakkinud ja vekkinud. Õnneks on minu töö apteekrina võimaldanud eluga ikka paremini toime tulla: ravimid on nõutud kaup, mida saab vahetada n-ö vorst vorsti vastu. Kui kohaliku kooperatiivi juhataja emal on tervisemured, siis ravimite saamiseks pöördutakse ikka minu poole – saan purgi või kaks kõrvale panna. Vastutasuks kutsub tema mind enne kauba väljapanekut endale paremat välja valima. Nii saingi eile pojale värvilise tuulepluusi. Tšehhi kaup, selliseid tuli kaubandusse vaid kolm tükki.
                    <br/><br/>
-                   Praeguse aja sündmustest võtame mehega alati osa. Kui lastele hoidja saame ning kui bensiini
-                   on. Balti ketis käisime ja öölaulupidudel ja... Eileõhtune uudis, et ülemnõukogu Eesti
-                   iseseisvuse välja kuulutas, võttis mu kohe rõõmust hingetuks! Et Leedu tegi selle juba ära,
-                   nüüd meie, küllap varsti Lätigi! Aga ei saa ju nii äreval ajal pikalt rõõmustada, sest hirm on
-                   ka. Et kuidas kõik laheneb. Tankid ju tänagi Tallinnas.</p>
+                   Need uue aja imed – kirikuabi ja välismaised kataloogid – on muidugi põnevad, aga vaat seda abi on küll piinlik piiluma minna! Ega me ju nii vaesed ka ei ole! Kuigi pidi puha välismaa kaup olema. Aga esimese kataloogitellimuse tegin Soomes elava sõbranna kaudu igatahes ära. Tellisin mehele kivipesuteksad, lastele tossud ja dressipüksid ja endale siidist hommikumantli ja neoonlauvärvid. Kolme nädala pärast peaks pakk postkontorisse jõudma! Loodetavasti saab kataloogikaupa varsti ka Eestis osta!
+                   <br/><br/>
+                   Praeguse aja sündmustest võtame mehega alati osa. Kui lastele hoidja saame ning kui bensiini on. Balti ketis käisime ja öölaulupidudel ja... Eileõhtune uudis, et ülemnõukogu Eesti iseseisvuse välja kuulutas, võttis mu kohe rõõmust hingetuks! Leedu tegi selle juba ära, nüüd meie, küllap varsti Lätigi! Aga ei saa ju nii äreval ajal pikalt rõõmustada, sest hirm on ka. Et kuidas kõik laheneb. Tankid ju tänagi Tallinnas.
               </div>
               
             </div>
@@ -255,40 +199,22 @@
           <div class="tab-pane fade p-3 text-white" id="nav-kaitseliitlane" role="tabpanel" aria-labelledby="nav-kaitseliitlane-tab">
             <div class="row">
               <div>
-                <h2 class="kaitseliitlanePealkiri">VAHUR, kaitseliitlane. Sündinud 1938, 53-aastane</h2>
+                <h2 class="kaitseliitlanePealkiri">KAITSELIITLANE Vahur, 53-aastane (s 1938)</h2>
 
                 <video controls >
                   <source src="vids/kaitseliitlane.mp4" type="video/mp4" />
                 </video>
 
                 <p>
-                Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis, sest vanaisa ja isa olid Eesti ajal
-                Kaitseliitlased – nagu nüüd minagi. Vene võimule ja sellega kaasajooksikutele see muidugi ei
-                meeldinud. Nad kartsid meid, paindumatuid, sinimustvalgeid Eesti mehi!
-                 Tagasi koju jõudsime ainult mina ja vennas. 1956. aastal, tükk aega pärast Stalini surma.
-                Aga praegugi on ajad ärevad, nüüd tuleb kokku võtta kogu talupoja tarkus ja isamaa-armastus.
-                Kas nüüd või mitte kunagi peab Eesti taas vabaks saama ja jääma!
+                Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis, sest vanaisa ja isa olid Eesti ajal kaitseliitlased – nagu nüüd minagi. Vene võimule ja sellega kaasajooksikutele see muidugi ei meeldinud. Nad kartsid meid, paindumatuid, sinimustvalgeid eesti mehi! Tagasi koju jõudsime ainult mina ja vennas – 1956. aastal, tükk aega pärast Stalini surma.
+                <br><br>  
+                Aga praegugi on ajad ärevad, nüüd tuleb kokku võtta kogu talupojatarkus ja isamaa-armastus. Kas nüüd või mitte kunagi peab Eesti taas vabaks saama ja jääma!
                 <br><br>  
-                Kaks päeva tagasi, 19. augustil, saatsime Kaitseliiduga Tartust Tallinnasse rühma,
-                kes hakkas Toompea, raadiomaja ja teletorni kindlustamist ette valmistama. Nüüd jõudsin ise ka siia, teletorni alla.
+                Kaks päeva tagasi, 19. augustil saatsime Kaitseliiduga Tartust Tallinnasse rühma, kes hakkas Toompea, raadiomaja ja teletorni kindlustamist ette valmistama. Nüüd jõudsin ise ka siia, teletorni alla. Aga meie relvad on küll sellised, millega suudame soomusmasinatega Pihkva dessandile vastu seista heal juhul 10 minutit. Seda ma oma noortele kaaslastele igaks juhuks muidugi ei ütle. 
                 <br><br>  
-                Aga meie relvad on küll sellised, millega suudame soomusmasinatega Pihkva dessandile vastu seista heal
-                juhul 10 minutit. Seda ma oma noortele kaaslastele igaks juhuks muidugi ei ütle.
-                Midagi head siiski ka – mõne kuu eest saime Tartu meestelt Tartu naha- ja jalatsikombinaadis tehtud
-                kummitallamassist kumminuiad, mis on täiesti efektiivsed riistapuud! Teise ilmasõja aegne vanalt
-                vene ohvitserilt saadud TT nagaan on mul samuti kaasas. Seitsme padruniga, sest tegin enne tulekut kuuris proovipaugu… 
-                Ega ma sellega küll soldatite nina alla vehkima lähe – Vene väed ja relvad on
-                ju Eestis igal pool ning miilits ka kõvasti paremini relvastatud – isegi kui neil enam sama suurt
-                pealehakkamist pole kui enne öölaulupidusid. Kas mäletate, kuidas Heinz Valk seal müristas:
-                „Ükskord me võidame niikuinii!“. Vaat nüüd on see aeg käes!
+                Midagi head siiski ka – mõne kuu eest saime Tartu meestelt Tartu naha- ja jalatsikombinaadis tehtud kummitallamassist kumminuiad, mis on täiesti efektiivsed riistapuud! Teise ilmasõja aegne vanalt Vene ohvitserilt saadud TT-nagaan on mul samuti kaasas. Seitsme padruniga, sest tegin enne tulekut kuuris proovipaugu… Ega ma sellega küll soldatite nina alla vehkima lähe – Vene väed ja relvad on ju Eestis igal pool ning miilits ka kõvasti paremini relvastatud, isegi kui neil enam sama suurt pealehakkamist pole kui enne öölaulupidusid. Kas mäletate, kuidas Heinz Valk seal müristas: „Ükskord me võidame niikuinii!“ Vaat nüüd on see aeg käes!
                 <br><br>  
-                Kui läheb laskmiseks, hakkame vastu nii palju kui suudame. Tähtis on, et see kõik jõuaks
-                välismaa lehtedesse – nii, nagu Vilniuses. Provokaatoritega peab muidugi olema ettevaatlik ja karm.
-                KGB on aktiivne ja ässitab rahvast, et olukord käest läheks. Raadiomaja juures ju viisid
-                meie omad kaks KGB provokaatorit minema. Eskaleerimisest poleks õieti kellelegi kasu,
-                nii et ei mingit sõimamist või kividega loopimist! Aga üldiselt pole meil aimugi, kui palju dessantlasedki
-                üldse asjast teavad. Peaks kelleltki transistorraadiot küsima, et kui Moskvast hakkab info läbi tulema,
-                siis see ka nendeni jõuaks… Kui aga dessantväelased alustavad… 
+                Kui läheb laskmiseks, hakkame vastu nii palju, kui suudame. Tähtis on, et see kõik jõuaks välismaa lehtedesse – nii nagu Vilniuses. Provokaatoritega peab muidugi olema ettevaatlik ja karm. KGB on aktiivne ja ässitab rahvast, et olukord käest läheks. Raadiomaja juures ju viisid meie omad kaks KGB provokaatorit minema. Eskaleerimisest poleks õieti kellelegi kasu, nii et ei mingit sõimamist ega kividega loopimist! Aga üldiselt pole meil aimugi, kui palju dessantlasedki üldse asjast teavad. Peaks kelleltki transistorraadiot küsima, et kui Moskvast hakkab info läbi tulema, siis see ka nendeni jõuaks. Kui aga dessantväelased alustavad… 
                 <br><br><br> 
                 Saa vabaks, Eesti meri,
                 <br>
@@ -308,33 +234,18 @@
           <div class="tab-pane fade p-3 text-white" id="nav-direktor" role="tabpanel" aria-labelledby="nav-direktor-tab">
             <div class="row">
               <div>
-                <h2 class="direktorPealkiri">ELLE, koolidirektor. Sündinud 1948, 43-aastane</h2>
+                <h2 class="direktorPealkiri">KOOLIDIREKTOR  Elle, 43-aastane (s 1948)</h2>
 
                 <video controls >
                   <source src="vids/direktor.mp4" type="video/mp4" />
                 </video>
 
-                <p>Olen sündinud väga segastel aegadel 7. novembril 1948. aastal Põltsamaa lähedal Umbusi
-                  külas. Vanemad olid kooliõpetajad Põltsamaal, vanavanemad aga talupidajad.
-                   <br/><br/>
-                   Vanavanemad küüditati 25. märtsil 1949. aastal Siberisse. Pidime kodust lahkuma ja asusime
-                   elama Põltsamaale üürikorterisse. Kooliteed alustasin samas koolis, kus vanemad töötasid.
-                   Olin väga tubli õpilane, sain alati kiituskirju. Esimeses klassis astusin oktoobrilapseks, 5.
-                   klassis pioneeriks. Olin kooli pioneeride malevanõukogu esimees. Keskkoolis astusin
-                   komsomoli. Seal ma väga aktiivne ei olnud, aga kuna vanavanemad olid küüditatud, siis sain
-                   aru, et kasulik on olla komnoor. Edasi läksin õppima Tartu Pedagoogilisse Kooli, sest tahtsin
-                   väga saada algklasside õpetajaks.
+                <p>
+                   Olen sündinud väga segastel aegadel, 1948. aasta 7. novembril Põltsamaa lähedal Umbusi külas. Vanemad olid kooliõpetajad Põltsamaal, vanavanemad aga talupidajad. Vanavanemad küüditati 25. märtsil 1949. aastal Siberisse. Pidime kodust lahkuma ja asusime elama Põltsamaale üürikorterisse. 
                    <br/><br/>
-                   Tööle saingi õpetajaks sinnasamma Põltsamaale, kus töötasid mu vanemad. Edasi tegin
-                   karjääri: olin õppealajuhataja ja seejärel sain kooli direktoriks, sest endine direktor, minu isa,
-                   läks pensionile. Tõsi küll, et direktoriks saada, pidin astuma kommunistlikkusse parteisse.
+                   Kooliteed alustasin samas koolis, kus vanemad töötasid. Olin väga tubli õpilane, sain alati kiituskirju. Esimeses klassis astusin oktoobrilapseks, viiendas pioneeriks. Olin kooli pioneeride malevanõukogu esimees. Keskkoolis astusin komsomoli. Seal ma väga aktiivne ei olnud, aga kuna vanavanemad olid küüditatud, siis sain aru, et kasulik on olla komnoor. Edasi läksin õppima Tartu Õpetajate Seminari, sest tahtsin väga saada algklasside õpetajaks. Tööle saingi õpetajaks sinnasamma Põltsamaale, kus töötasid mu vanemad. Edasi tegin karjääri: olin õppealajuhataja ja seejärel sain kooli direktoriks, sest endine direktor, minu isa, läks pensionile. Tõsi küll, direktoriks saamiseks pidin astuma kommunistlikkusse parteisse. 
                    <br/><br/>
-                   Väga ootamatud olid minu jaoks 1988. aasta kevadel Tartus toimunud muinsuskaitsepäevad.
-                   Olin juhuslikult Tartus ja nägin rongkäiku, kus lehvisid kõrvuti kolm lippu: üks sinine, teine
-                   must ja kolmas valge. Kodus rääkisime sellest vanematega. Nad andsid nõu, et on vaja uute
-                   tuultega kaasa minna ja parteist välja astuda.  Samal ajal lõpetas mu tütar Põltsamaa
-                   keskkooli. Minu soovitusel saime ta kirikus ristida ja leeritada. Lõime Põltsamaal Kodanike
-                   Komitee. Minust sai uue aja direktor.</p>
+                   Väga ootamatud olid minu jaoks 1988. aasta kevadel Tartus toimunud muinsuskaitsepäevad. Olin juhuslikult Tartus ja nägin rongkäiku, kus lehvisid kõrvuti kolm lippu: üks sinine, teine must ja kolmas valge. Kodus rääkisime sellest vanematega. Nad andsid nõu, et on vaja uute tuultega kaasa minna ja parteist välja astuda. Samal ajal lõpetas mu tütar Põltsamaa keskkooli. Minu soovitusel saime ta kirikus ristida ja leeritada. Lõime Põltsamaal Kodanike Komitee. Minust sai uue aja direktor.
               </div>
               
             </div>
@@ -348,6 +259,11 @@
 
 
     <footer>
+       <div class="logoWrapper">
+         <img class="logo" src="img/erasmus.jpg" alt="Erasmus logo">
+         <img class="logo" src="img/erm.jpg" alt="ERM logo">
+         <img class="logo" src="img/audentes.jpg" alt="Audentes logo">
+       </div>
         <i><p>
         The European Commission's support for the production of this
         publication does not constitute an endorsement of the contents,
@@ -359,10 +275,6 @@
         sisu on heaks kiidetud. Sisu kajastab autorite seisukohti – Euroopa
         Komisjon ei võta vastutust selles sisalduva teabe kasutamise eest.
        </p></i>
-       <div class="logoWrapper">
-         <img class="logo" src="img/ermDark.jpg" alt="ERM logo">
-         <img class="logo" src="img/audentesDark.png" alt="Audentes logo">
-       </div>
     </footer>
 
 
diff --git a/lehed/rollid/styles.css b/lehed/rollid/styles.css
index dbc784f..85100e3 100644
--- a/lehed/rollid/styles.css
+++ b/lehed/rollid/styles.css
@@ -70,6 +70,7 @@ footer p {
     text-align: center;
     align-items: center;
     justify-content: center;
+    margin-bottom: .77rem;
 }