Added gallery section

- added gallery section
- removed hero_area_small.html

css/main.css

@@ -162,14 +162,15 @@ a:hover {
   text-align: center;
 }
 
-#about,
-#songs {
+#songs,
+#gallery {
   background: #2C3E50;
   color: #fff;
 }
 
-#download,
-#help {
+#news,
+#help,
+#about {
   background: #EEEEEE;
 }
 
@@ -494,6 +495,7 @@ a:hover {
   background-color: #fff;
   margin: 0 0 30px 0;
   padding: 0;
+  border: 1px solid #2C3E50;
 }
 
 #about .card img {
@@ -530,6 +532,31 @@ a:hover {
   transition: all 0.27s ease-in-out;
 }
 
+/**************/
+
+
+/***Gallery****/
+
+.gallery {
+  height: 550px;
+  /*margin: 0 100px !important;*/
+}
+
+.control-button {
+  font-size: 1.7em !important;
+}
+
+.item {
+  /*max-height: 500px !important;*/
+  height: 500px !important;
+  background-color: transparent !important;
+}
+
+.item img {
+  display: inline !important;
+  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
+  /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
+}
 
 /**************/