Swipebox, Hero Area, Navigation, Font

- replaced Lightbox with Swipebox for better responsiveness
- fixed navigation brand alignment
- changed hero area appearance and improved responsiveness
- added missing lato font

css/main.css

@@ -192,7 +192,7 @@ a:hover {
 .navbar-default {
   border: none;
   border-radius: 0;
-  background: #2C3E50 !important;
+  background: transparent;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
@@ -231,6 +231,7 @@ a:hover {
 .navbar-default .faviconPng {
   height: 16pt;
   width: 16pt;
+  vertical-align: text-bottom;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
@@ -283,11 +284,12 @@ a:hover {
     padding-top: 30px;
   }
   .navbar-default .navbar-brand {
-    font-size: 25px;
+    font-size: 24pt;
   }
   .navbar-default .faviconPng {
     height: 25pt;
     width: 25pt;
+    vertical-align: sub;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
@@ -306,11 +308,14 @@ a:hover {
   color: #fff;
   padding-top: 50px;
   padding-bottom: 25px;
+  background-image: url(http://www.publicdomainpictures.net/pictures/220000/velka/rock-concert-1494235506Xle.jpg);
+  background-size: 115%;
+  background-blend-mode: soft-light;
 }
 
 #hero-area img {
   max-width: 100%;
-  margin-top: 25px;
+  margin-top: 125px;
 }
 
 #hero-area .row {
@@ -318,7 +323,7 @@ a:hover {
   padding-bottom: 100px;
 }
 
-@media (max-width: 992px) {
+@media (max-width: 991px) {
   #hero-area img {
     display: none;
   }
@@ -356,8 +361,8 @@ a:hover {
 
 /**************/
 
-/*****News*****/
 
+/*****News*****/
 
 #news img {
   width: 100%;
@@ -383,15 +388,17 @@ a:hover {
 
 .news-card-text {
   padding: 10px;
-  color: white  ;
+  color: white;
 }
 
 .news-card-text a {
   color: white;
 }
 
+
 /**************/
 
+
 /***Download***/
 
 #download .card {
@@ -532,6 +539,7 @@ a:hover {
   transition: all 0.27s ease-in-out;
 }
 
+
 /**************/
 
 
@@ -558,6 +566,7 @@ a:hover {
   /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
 }
 
+
 /**************/
 
 
@@ -615,6 +624,7 @@ a:hover {
 
 /**************/
 
+
 /*****Post*****/
 
 .post {
@@ -625,6 +635,11 @@ a:hover {
   width: 100%;
 }
 
+.post #gallery {
+  background-color: transparent;
+  color: #2C3E50;
+}
+
 .post-gallery {
   display: flex;
   flex-wrap: wrap;
@@ -670,6 +685,7 @@ a:hover {
 
 /**************/
 
+
 /****Footer****/
 
 .footer {
@@ -716,4 +732,6 @@ a:hover {
   border-color: rgba(255, 255, 255, 0.2);
   border-width: 1px;
 }
+
+
 /**************/

css/swipebox.min.css

@@ -0,0 +1 @@
+/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../img/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(../img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}