Centerbox content top and bottom margins

The margin-bottom of the last paragraphs was removed to make white space
at the end of the page same as on the top and sides.
Content images are now embedded in paragrapsh to ensure correct spacing
and use a class instead of an id, because there aren't unique.
Removed css rules for ul and li elements, which the project no longer
contains.

static/style.css

@@ -18,12 +18,9 @@ body {
   margin-right: auto;
 }
 
-#sisaltoKuvat{
+.sisaltoKuva {
   width: 100%;
   height: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
 }
 
 /* General styling of the highest level elements */
@@ -41,10 +38,6 @@ body {
   text-align: left;
 }
 
-#centerbox p {
-  margin-top: 0px;
-}
-
 #footer {
   padding: 2ch;
   margin-left: auto;
@@ -132,13 +125,14 @@ body {
   font-weight: bold;
 }
 
-p, h3, h2, ul, li {
+p, h3, h2 {
   font-family: Tahoma;
   text-decoration: none;
+  margin-top: 0;
 }
 
-h2 {
-  margin-top: 0;
+p:last-of-type {
+  margin-bottom: 0;
 }
 
 .social-media-logos {

templates/english_main.html

@@ -41,5 +41,7 @@
    We also organize many events ourselves. With our the iconic traditional
    gray jackets used by the Finnish military, comes a party that you definitely do not want to miss!
 </p>
-<img id="sisaltoKuvat" src="/static/etusivunKuva.jpg" alt="Orchestra on stairs">
+<p>
+  <img class="sisaltoKuva" src="/static/etusivunKuva.jpg" alt="Orchestra on stairs">
+</p>
 {% endblock %}

templates/index.html

@@ -26,5 +26,7 @@
   kotimaassa ja Ruotsissa. Päällämme pitämiemme ikonisten puolustusvoimien harmaiden
   takkien mukana tulee bileet, joita et taatusti halua missata!
 </p>
-<img id="sisaltoKuvat" src="/static/etusivunKuva.jpg" alt="Orkesteri rappusilla">
+<p>
+  <img class="sisaltoKuva" src="/static/etusivunKuva.jpg" alt="Orkesteri rappusilla">
+</p>
 {% endblock %}

templates/join_sossu.html

@@ -23,8 +23,9 @@
   <a href="http://www.rikssmask.se/sofstork.html" target="_blank" rel="noopener noreferrer">an annual international student
   festival</a>.
 </p>
-<img id="sisaltoKuvat" src="/static/kela.jpg" alt="Tanssiryhmä keikalla">
-<br>
+<p>
+  <img class="sisaltoKuva" src="/static/kela.jpg" alt="Tanssiryhmä keikalla">
+</p>
 <p>
   If you want to sing, we strongly recommend
   <a href="http://sol.savolainenosakunta.fi/" target="_blank" rel="noopener noreferrer">Savolaisen osakunnan kuoro (SOL)</a> which
@@ -42,5 +43,7 @@
     able to become part of a happy and active student orchestra, make friends and have
     long-lasting memories of unique events and parties!
 </p>
-<img id="sisaltoKuvat" src="/static/mukaanKuva.jpg" alt="Orchestra on a gig">
+<p>
+  <img class="sisaltoKuva" src="/static/mukaanKuva.jpg" alt="Orchestra on a gig">
+</p>
 {% endblock %}

templates/tule_mukaan.html

@@ -21,13 +21,16 @@
   Jos et ole soittaja vaan tanssija, voit päästä tanssiryhmäämme KELAan!
   KELA keikkailee muuta orkesteria harvemmin, mutta sitäkin suuremmalla innolla.
   KELAn vuoden päätapahtuma on yleensä kevään keikkamatkamme
-  <a href="http://www.rikssmask.se/sofstork.html" target="_blank" rel="noopener noreferrer">Ruotsiin opiskelijaorkesterifestivaaleille</a>.</p>
+  <a href="http://www.rikssmask.se/sofstork.html" target="_blank" rel="noopener noreferrer">Ruotsiin opiskelijaorkesterifestivaaleille</a>.
+</p>
+<p>
+  <img class="sisaltoKuva" src="/static/kela.jpg" alt="Tanssiryhmä keikalla">
+</p>
 <p>
-<img id="sisaltoKuvat" src="/static/kela.jpg" alt="Tanssiryhmä keikalla">
-<br>
   Laulamaan mieliville suosittelemme sisaruskuoroamme
   <a href="http://sol.savolainenosakunta.fi/" target="_blank" rel="noopener noreferrer">Savolaisen osakunnan kuoroa (SOL)</a>,
-  jonka kanssa meillä on pitkät yhteiset keikkailuperinteet.</p>
+  jonka kanssa meillä on pitkät yhteiset keikkailuperinteet.
+</p>
 <h3>Miten jäseneksi?</h3>
 <p>Mikäli kiinnostuit, ota meihin yhteyttä sähköpostitse osoitteeseen
   sossu.orkesteri [at] gmail.com ja kerro hieman itsestäsi ja soittotaustastasi.
@@ -39,5 +42,7 @@
   yhteyttä – saatat päästä osaksi SOSSun iloista soittajaporukkaa ja mukaan
   ikimuistoisille keikoille ja tapahtumiin!
 </p>
-<img id="sisaltoKuvat" src="/static/mukaanKuva.jpg" alt="Orkesteri soittamassa">
+<p>
+  <img class="sisaltoKuva" src="/static/mukaanKuva.jpg" alt="Orkesteri soittamassa">
+</p>
 {% endblock %}