Merge branch 'dev' into pagination

styles/main.css

@@ -209,17 +209,21 @@ article #pagination {
     margin:auto;
 }
 
-article .gallery a.active {
+article .gallery .gallery-item.active {
     display:initial;
 }
 
-article .gallery a.inactive {
+article .gallery .gallery-item.inactive {
     display:none;
 }
 
 article .gallery {
-    display:inline-block;
     position:relative;
+    display:flex;
+    flex-direction:row;
+    justify-content:space-around;
+    align-self:flex-end;
+    flex-wrap:wrap;
 
     margin:auto;
     margin-top:0;
@@ -229,6 +233,22 @@ article.exposition .gallery {
     text-align:center;
 }
 
+article .gallery .gallery-item {
+    display:inline-block;
+    position:relative;
+    margin:0.75rem;
+    margin-top:0.75rem;
+    margin-top:1.6rem;
+}
+
+article .gallery .item-title {
+    font-size:0.9rem;
+    margin:0rem;
+    padding:0rem;
+    padding-top:0rem;
+    display:block;
+}
+
 article .gallery img {
     max-height:30vh;
     max-width:40vw;
@@ -376,15 +396,21 @@ article.explorer .gallery {
     text-align:center;
 }
 
-article.explorer p {
-    width:55vw;
+article.explorer p.intro {
+    width:75vw;
     margin:auto;
     margin-bottom:2rem;
     text-align:justify;
 }
 
 @media only screen and (max-width:1200px) {
-    article.explorer p {
+    article.explorer p.intro {
+        width:90vw;
+    }
+}
+
+@media only screen and (max-width:1640px) {
+    article.explorer {
         width:90vw;
     }
 }
@@ -604,6 +630,14 @@ article.explorer table .photo {
 
 /* Divers */
 
+article.divers .gallery {
+    justify-content:flex-start;
+}
+
+article.divers .gallery img {
+    margin:0.7rem;
+}
+
 article #stats {
     margin-top:2.5rem;
     margin-bottom:1.5rem;
@@ -619,7 +653,13 @@ article #stats .stat {
     margin-left:4vw;
 }
 
-@media only screen and (max-width:1000px) {
+@media only screen and (max-width:600px) {
+    article.divers .gallery {
+        justify-content:center;
+    }
+}
+
+@media only screen and (max-width:1000px) {    
     article #stats {
         display:block;
     }