diff --git a/assets/css/blog.css.map b/assets/css/blog.css.map
index 1057a29..66b995e 100644
Binary files a/assets/css/blog.css.map and b/assets/css/blog.css.map differ
diff --git a/assets/css/foundation.css b/assets/css/foundation.css
index c9bb727..b93ffa1 100644
--- a/assets/css/foundation.css
+++ b/assets/css/foundation.css
@@ -5,7 +5,10 @@
   *,
   *::before,
   *::after,
-  *::first-letter,
+  p::first-letter,
+  div::first-letter,
+  blockquote::first-letter,
+  li::first-letter,
   p::first-line,
   div::first-line,
   blockquote::first-line,
@@ -41,7 +44,7 @@
   .btn > .caret,
   .dropup > .btn > .caret {
     border-top-color: #000 !important; }
-  .tag {
+  .badge {
     border: 1px solid #000; }
   .table {
     border-collapse: collapse !important; }
@@ -73,7 +76,7 @@ body {
   font-size: 1rem;
   font-weight: normal;
   line-height: 1.5;
-  color: #373a3c;
+  color: #292b2c;
   background-color: #fff; }
 
 [tabindex="-1"]:focus {
@@ -89,8 +92,7 @@ p {
 
 abbr[title],
 abbr[data-original-title] {
-  cursor: help;
-  border-bottom: 1px dotted #818a91; }
+  cursor: help; }
 
 address {
   margin-bottom: 1rem;
@@ -172,7 +174,7 @@ table {
 caption {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
-  color: #818a91;
+  color: #636c72;
   text-align: left;
   caption-side: bottom; }
 
@@ -317,7 +319,7 @@ mark,
 .blockquote-footer {
   display: block;
   font-size: 80%;
-  color: #818a91; }
+  color: #636c72; }
   .blockquote-footer::before {
     content: "\2014 \00A0"; }
 
@@ -343,8 +345,8 @@ dl.row > dd + dt {
   padding-right: 15px;
   padding-left: 15px; }
   .container::after {
+    display: block;
     content: "";
-    display: table;
     clear: both; }
   @media (min-width: 576px) {
     .container {
@@ -385,8 +387,8 @@ dl.row > dd + dt {
   padding-right: 15px;
   padding-left: 15px; }
   .container-fluid::after {
+    display: block;
     content: "";
-    display: table;
     clear: both; }
   @media (min-width: 576px) {
     .container-fluid {
@@ -409,8 +411,8 @@ dl.row > dd + dt {
   margin-right: -15px;
   margin-left: -15px; }
   .row::after {
+    display: block;
     content: "";
-    display: table;
     clear: both; }
   @media (min-width: 576px) {
     .row {
@@ -429,185 +431,193 @@ dl.row > dd + dt {
       margin-right: -15px;
       margin-left: -15px; } }
 
-.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
+.no-gutters {
+  margin-right: 0;
+  margin-left: 0; }
+  .no-gutters > .col,
+  .no-gutters > [class*="col-"] {
+    padding-right: 0;
+    padding-left: 0; }
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px; }
   @media (min-width: 576px) {
-    .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
+    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
       padding-right: 15px;
       padding-left: 15px; } }
   @media (min-width: 768px) {
-    .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
+    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
       padding-right: 15px;
       padding-left: 15px; } }
   @media (min-width: 992px) {
-    .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
+    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
       padding-right: 15px;
       padding-left: 15px; } }
   @media (min-width: 1200px) {
-    .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
+    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
       padding-right: 15px;
       padding-left: 15px; } }
 
-.col-xs-1 {
+.col-1 {
   float: left;
   width: 8.33333%; }
 
-.col-xs-2 {
+.col-2 {
   float: left;
   width: 16.66667%; }
 
-.col-xs-3 {
+.col-3 {
   float: left;
   width: 25%; }
 
-.col-xs-4 {
+.col-4 {
   float: left;
   width: 33.33333%; }
 
-.col-xs-5 {
+.col-5 {
   float: left;
   width: 41.66667%; }
 
-.col-xs-6 {
+.col-6 {
   float: left;
   width: 50%; }
 
-.col-xs-7 {
+.col-7 {
   float: left;
   width: 58.33333%; }
 
-.col-xs-8 {
+.col-8 {
   float: left;
   width: 66.66667%; }
 
-.col-xs-9 {
+.col-9 {
   float: left;
   width: 75%; }
 
-.col-xs-10 {
+.col-10 {
   float: left;
   width: 83.33333%; }
 
-.col-xs-11 {
+.col-11 {
   float: left;
   width: 91.66667%; }
 
-.col-xs-12 {
+.col-12 {
   float: left;
   width: 100%; }
 
-.pull-xs-0 {
+.pull-0 {
   right: auto; }
 
-.pull-xs-1 {
+.pull-1 {
   right: 8.33333%; }
 
-.pull-xs-2 {
+.pull-2 {
   right: 16.66667%; }
 
-.pull-xs-3 {
+.pull-3 {
   right: 25%; }
 
-.pull-xs-4 {
+.pull-4 {
   right: 33.33333%; }
 
-.pull-xs-5 {
+.pull-5 {
   right: 41.66667%; }
 
-.pull-xs-6 {
+.pull-6 {
   right: 50%; }
 
-.pull-xs-7 {
+.pull-7 {
   right: 58.33333%; }
 
-.pull-xs-8 {
+.pull-8 {
   right: 66.66667%; }
 
-.pull-xs-9 {
+.pull-9 {
   right: 75%; }
 
-.pull-xs-10 {
+.pull-10 {
   right: 83.33333%; }
 
-.pull-xs-11 {
+.pull-11 {
   right: 91.66667%; }
 
-.pull-xs-12 {
+.pull-12 {
   right: 100%; }
 
-.push-xs-0 {
+.push-0 {
   left: auto; }
 
-.push-xs-1 {
+.push-1 {
   left: 8.33333%; }
 
-.push-xs-2 {
+.push-2 {
   left: 16.66667%; }
 
-.push-xs-3 {
+.push-3 {
   left: 25%; }
 
-.push-xs-4 {
+.push-4 {
   left: 33.33333%; }
 
-.push-xs-5 {
+.push-5 {
   left: 41.66667%; }
 
-.push-xs-6 {
+.push-6 {
   left: 50%; }
 
-.push-xs-7 {
+.push-7 {
   left: 58.33333%; }
 
-.push-xs-8 {
+.push-8 {
   left: 66.66667%; }
 
-.push-xs-9 {
+.push-9 {
   left: 75%; }
 
-.push-xs-10 {
+.push-10 {
   left: 83.33333%; }
 
-.push-xs-11 {
+.push-11 {
   left: 91.66667%; }
 
-.push-xs-12 {
+.push-12 {
   left: 100%; }
 
-.offset-xs-1 {
+.offset-1 {
   margin-left: 8.33333%; }
 
-.offset-xs-2 {
+.offset-2 {
   margin-left: 16.66667%; }
 
-.offset-xs-3 {
+.offset-3 {
   margin-left: 25%; }
 
-.offset-xs-4 {
+.offset-4 {
   margin-left: 33.33333%; }
 
-.offset-xs-5 {
+.offset-5 {
   margin-left: 41.66667%; }
 
-.offset-xs-6 {
+.offset-6 {
   margin-left: 50%; }
 
-.offset-xs-7 {
+.offset-7 {
   margin-left: 58.33333%; }
 
-.offset-xs-8 {
+.offset-8 {
   margin-left: 66.66667%; }
 
-.offset-xs-9 {
+.offset-9 {
   margin-left: 75%; }
 
-.offset-xs-10 {
+.offset-10 {
   margin-left: 83.33333%; }
 
-.offset-xs-11 {
+.offset-11 {
   margin-left: 91.66667%; }
 
 @media (min-width: 576px) {
@@ -1078,7 +1088,8 @@ dl.row > dd + dt {
   border: 1px solid transparent;
   padding: 0.5rem 1rem;
   font-size: 1rem;
-  border-radius: 0.25rem; }
+  border-radius: 0.25rem;
+  transition: all 0.2s ease-in-out; }
   .btn:focus,
   .btn.focus,
   .btn:active:focus,
@@ -1149,22 +1160,22 @@ fieldset[disabled] a.btn {
     border-color: #0275d8; }
 
 .btn-secondary {
-  color: #373a3c;
+  color: #292b2c;
   background-color: #fff;
   border-color: #ccc; }
   .btn-secondary:hover {
-    color: #373a3c;
+    color: #292b2c;
     background-color: #e6e6e6;
     border-color: #adadad; }
   .btn-secondary:focus,
   .btn-secondary.focus {
-    color: #373a3c;
+    color: #292b2c;
     background-color: #e6e6e6;
     border-color: #adadad; }
   .btn-secondary:active,
   .btn-secondary.active,
   .open > .btn-secondary.dropdown-toggle {
-    color: #373a3c;
+    color: #292b2c;
     background-color: #e6e6e6;
     border-color: #adadad;
     background-image: none; }
@@ -1177,7 +1188,7 @@ fieldset[disabled] a.btn {
     .open > .btn-secondary.dropdown-toggle:hover,
     .open > .btn-secondary.dropdown-toggle:focus,
     .open > .btn-secondary.dropdown-toggle.focus {
-      color: #373a3c;
+      color: #292b2c;
       background-color: #d4d4d4;
       border-color: #8c8c8c; }
   .btn-secondary.disabled:focus,
@@ -1631,7 +1642,7 @@ fieldset[disabled] a.btn {
     background-color: transparent; }
   .btn-link:disabled:focus,
   .btn-link:disabled:hover {
-    color: #818a91;
+    color: #636c72;
     text-decoration: none; }
 
 .btn-lg {
@@ -1713,11 +1724,26 @@ a.bg-danger:hover {
   background-color: #c9302c !important; }
 
 .bg-inverse {
-  background-color: #373a3c !important; }
+  background-color: #292b2c !important; }
 
 a.bg-inverse:focus,
 a.bg-inverse:hover {
-  background-color: #1f2021 !important; }
+  background-color: #101112 !important; }
+
+.border-0 {
+  border: 0 !important; }
+
+.border-top-0 {
+  border-top: 0 !important; }
+
+.border-right-0 {
+  border-right: 0 !important; }
+
+.border-bottom-0 {
+  border-bottom: 0 !important; }
+
+.border-left-0 {
+  border-left: 0 !important; }
 
 .rounded {
   border-radius: 0.25rem; }
@@ -1741,9 +1767,12 @@ a.bg-inverse:hover {
 .rounded-circle {
   border-radius: 50%; }
 
+.rounded-0 {
+  border-radius: 0; }
+
 .clearfix::after {
+  display: block;
   content: "";
-  display: table;
   clear: both; }
 
 .d-none {
@@ -1767,7 +1796,7 @@ a.bg-inverse:hover {
 .d-flex {
   display: flex !important; }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .d-sm-none {
     display: none !important; }
   .d-sm-inline {
@@ -1783,7 +1812,7 @@ a.bg-inverse:hover {
   .d-sm-flex {
     display: flex !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .d-md-none {
     display: none !important; }
   .d-md-inline {
@@ -1799,7 +1828,7 @@ a.bg-inverse:hover {
   .d-md-flex {
     display: flex !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .d-lg-none {
     display: none !important; }
   .d-lg-inline {
@@ -1815,7 +1844,7 @@ a.bg-inverse:hover {
   .d-lg-flex {
     display: flex !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .d-xl-none {
     display: none !important; }
   .d-xl-inline {
@@ -1840,7 +1869,7 @@ a.bg-inverse:hover {
 .float-none {
   float: none !important; }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .float-sm-left {
     float: left !important; }
   .float-sm-right {
@@ -1848,7 +1877,7 @@ a.bg-inverse:hover {
   .float-sm-none {
     float: none !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .float-md-left {
     float: left !important; }
   .float-md-right {
@@ -1856,7 +1885,7 @@ a.bg-inverse:hover {
   .float-md-none {
     float: none !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .float-lg-left {
     float: left !important; }
   .float-lg-right {
@@ -1864,7 +1893,7 @@ a.bg-inverse:hover {
   .float-lg-none {
     float: none !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .float-xl-left {
     float: left !important; }
   .float-xl-right {
@@ -1897,6 +1926,12 @@ a.bg-inverse:hover {
 .h-100 {
   height: 100% !important; }
 
+.mw-100 {
+  max-width: 100% !important; }
+
+.mh-100 {
+  max-height: 100% !important; }
+
 .mx-auto {
   margin-right: auto !important;
   margin-left: auto !important; }
@@ -2177,7 +2212,7 @@ a.bg-inverse:hover {
   padding-top: 3rem !important;
   padding-bottom: 3rem !important; }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .m-sm-0 {
     margin: 0 0 !important; }
   .mt-sm-0 {
@@ -2195,7 +2230,7 @@ a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .m-sm-1 {
     margin: 0.25rem 0.25rem !important; }
   .mt-sm-1 {
@@ -2213,7 +2248,7 @@ a.bg-inverse:hover {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .m-sm-2 {
     margin: 0.5rem 0.5rem !important; }
   .mt-sm-2 {
@@ -2231,7 +2266,7 @@ a.bg-inverse:hover {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .m-sm-3 {
     margin: 1rem 1rem !important; }
   .mt-sm-3 {
@@ -2249,7 +2284,7 @@ a.bg-inverse:hover {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .m-sm-4 {
     margin: 1.5rem 1.5rem !important; }
   .mt-sm-4 {
@@ -2267,7 +2302,7 @@ a.bg-inverse:hover {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .m-sm-5 {
     margin: 3rem 3rem !important; }
   .mt-sm-5 {
@@ -2285,7 +2320,7 @@ a.bg-inverse:hover {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .p-sm-0 {
     padding: 0 0 !important; }
   .pt-sm-0 {
@@ -2303,7 +2338,7 @@ a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .p-sm-1 {
     padding: 0.25rem 0.25rem !important; }
   .pt-sm-1 {
@@ -2321,7 +2356,7 @@ a.bg-inverse:hover {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .p-sm-2 {
     padding: 0.5rem 0.5rem !important; }
   .pt-sm-2 {
@@ -2339,7 +2374,7 @@ a.bg-inverse:hover {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .p-sm-3 {
     padding: 1rem 1rem !important; }
   .pt-sm-3 {
@@ -2357,7 +2392,7 @@ a.bg-inverse:hover {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .p-sm-4 {
     padding: 1.5rem 1.5rem !important; }
   .pt-sm-4 {
@@ -2375,7 +2410,7 @@ a.bg-inverse:hover {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important; } }
 
-@media (min-width: 576px) and (min-width: 576px) {
+@media (min-width: 576px) {
   .p-sm-5 {
     padding: 3rem 3rem !important; }
   .pt-sm-5 {
@@ -2393,7 +2428,7 @@ a.bg-inverse:hover {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .m-md-0 {
     margin: 0 0 !important; }
   .mt-md-0 {
@@ -2411,7 +2446,7 @@ a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .m-md-1 {
     margin: 0.25rem 0.25rem !important; }
   .mt-md-1 {
@@ -2429,7 +2464,7 @@ a.bg-inverse:hover {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .m-md-2 {
     margin: 0.5rem 0.5rem !important; }
   .mt-md-2 {
@@ -2447,7 +2482,7 @@ a.bg-inverse:hover {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .m-md-3 {
     margin: 1rem 1rem !important; }
   .mt-md-3 {
@@ -2465,7 +2500,7 @@ a.bg-inverse:hover {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .m-md-4 {
     margin: 1.5rem 1.5rem !important; }
   .mt-md-4 {
@@ -2483,7 +2518,7 @@ a.bg-inverse:hover {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .m-md-5 {
     margin: 3rem 3rem !important; }
   .mt-md-5 {
@@ -2501,7 +2536,7 @@ a.bg-inverse:hover {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .p-md-0 {
     padding: 0 0 !important; }
   .pt-md-0 {
@@ -2519,7 +2554,7 @@ a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .p-md-1 {
     padding: 0.25rem 0.25rem !important; }
   .pt-md-1 {
@@ -2537,7 +2572,7 @@ a.bg-inverse:hover {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .p-md-2 {
     padding: 0.5rem 0.5rem !important; }
   .pt-md-2 {
@@ -2555,7 +2590,7 @@ a.bg-inverse:hover {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .p-md-3 {
     padding: 1rem 1rem !important; }
   .pt-md-3 {
@@ -2573,7 +2608,7 @@ a.bg-inverse:hover {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .p-md-4 {
     padding: 1.5rem 1.5rem !important; }
   .pt-md-4 {
@@ -2591,7 +2626,7 @@ a.bg-inverse:hover {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important; } }
 
-@media (min-width: 768px) and (min-width: 768px) {
+@media (min-width: 768px) {
   .p-md-5 {
     padding: 3rem 3rem !important; }
   .pt-md-5 {
@@ -2609,7 +2644,7 @@ a.bg-inverse:hover {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .m-lg-0 {
     margin: 0 0 !important; }
   .mt-lg-0 {
@@ -2627,7 +2662,7 @@ a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .m-lg-1 {
     margin: 0.25rem 0.25rem !important; }
   .mt-lg-1 {
@@ -2645,7 +2680,7 @@ a.bg-inverse:hover {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .m-lg-2 {
     margin: 0.5rem 0.5rem !important; }
   .mt-lg-2 {
@@ -2663,7 +2698,7 @@ a.bg-inverse:hover {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .m-lg-3 {
     margin: 1rem 1rem !important; }
   .mt-lg-3 {
@@ -2681,7 +2716,7 @@ a.bg-inverse:hover {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .m-lg-4 {
     margin: 1.5rem 1.5rem !important; }
   .mt-lg-4 {
@@ -2699,7 +2734,7 @@ a.bg-inverse:hover {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .m-lg-5 {
     margin: 3rem 3rem !important; }
   .mt-lg-5 {
@@ -2717,7 +2752,7 @@ a.bg-inverse:hover {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .p-lg-0 {
     padding: 0 0 !important; }
   .pt-lg-0 {
@@ -2735,7 +2770,7 @@ a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .p-lg-1 {
     padding: 0.25rem 0.25rem !important; }
   .pt-lg-1 {
@@ -2753,7 +2788,7 @@ a.bg-inverse:hover {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .p-lg-2 {
     padding: 0.5rem 0.5rem !important; }
   .pt-lg-2 {
@@ -2771,7 +2806,7 @@ a.bg-inverse:hover {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .p-lg-3 {
     padding: 1rem 1rem !important; }
   .pt-lg-3 {
@@ -2789,7 +2824,7 @@ a.bg-inverse:hover {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .p-lg-4 {
     padding: 1.5rem 1.5rem !important; }
   .pt-lg-4 {
@@ -2807,7 +2842,7 @@ a.bg-inverse:hover {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important; } }
 
-@media (min-width: 992px) and (min-width: 992px) {
+@media (min-width: 992px) {
   .p-lg-5 {
     padding: 3rem 3rem !important; }
   .pt-lg-5 {
@@ -2825,7 +2860,7 @@ a.bg-inverse:hover {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .m-xl-0 {
     margin: 0 0 !important; }
   .mt-xl-0 {
@@ -2843,7 +2878,7 @@ a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .m-xl-1 {
     margin: 0.25rem 0.25rem !important; }
   .mt-xl-1 {
@@ -2861,7 +2896,7 @@ a.bg-inverse:hover {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .m-xl-2 {
     margin: 0.5rem 0.5rem !important; }
   .mt-xl-2 {
@@ -2879,7 +2914,7 @@ a.bg-inverse:hover {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .m-xl-3 {
     margin: 1rem 1rem !important; }
   .mt-xl-3 {
@@ -2897,7 +2932,7 @@ a.bg-inverse:hover {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .m-xl-4 {
     margin: 1.5rem 1.5rem !important; }
   .mt-xl-4 {
@@ -2915,7 +2950,7 @@ a.bg-inverse:hover {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .m-xl-5 {
     margin: 3rem 3rem !important; }
   .mt-xl-5 {
@@ -2933,7 +2968,7 @@ a.bg-inverse:hover {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .p-xl-0 {
     padding: 0 0 !important; }
   .pt-xl-0 {
@@ -2951,7 +2986,7 @@ a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .p-xl-1 {
     padding: 0.25rem 0.25rem !important; }
   .pt-xl-1 {
@@ -2969,7 +3004,7 @@ a.bg-inverse:hover {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .p-xl-2 {
     padding: 0.5rem 0.5rem !important; }
   .pt-xl-2 {
@@ -2987,7 +3022,7 @@ a.bg-inverse:hover {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .p-xl-3 {
     padding: 1rem 1rem !important; }
   .pt-xl-3 {
@@ -3005,7 +3040,7 @@ a.bg-inverse:hover {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .p-xl-4 {
     padding: 1.5rem 1.5rem !important; }
   .pt-xl-4 {
@@ -3023,7 +3058,7 @@ a.bg-inverse:hover {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important; } }
 
-@media (min-width: 1200px) and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .p-xl-5 {
     padding: 3rem 3rem !important; }
   .pt-xl-5 {
@@ -3059,13 +3094,13 @@ a.bg-inverse:hover {
   text-overflow: ellipsis;
   white-space: nowrap; }
 
-.text-xs-left {
+.text-left {
   text-align: left !important; }
 
-.text-xs-right {
+.text-right {
   text-align: right !important; }
 
-.text-xs-center {
+.text-center {
   text-align: center !important; }
 
 @media (min-width: 576px) {
@@ -3122,11 +3157,11 @@ a.bg-inverse:hover {
   color: #fff !important; }
 
 .text-muted {
-  color: #818a91 !important; }
+  color: #636c72 !important; }
 
 a.text-muted:focus,
 a.text-muted:hover {
-  color: #687077 !important; }
+  color: #4b5257 !important; }
 
 .text-primary {
   color: #0275d8 !important; }
@@ -3164,11 +3199,11 @@ a.text-danger:hover {
   color: #c9302c !important; }
 
 .text-gray-dark {
-  color: #373a3c !important; }
+  color: #292b2c !important; }
 
 a.text-gray-dark:focus,
 a.text-gray-dark:hover {
-  color: #1f2021 !important; }
+  color: #101112 !important; }
 
 .text-hide {
   font: 0/0 a;
diff --git a/assets/css/foundation.css.map b/assets/css/foundation.css.map
index f2afc89..86953f2 100644
Binary files a/assets/css/foundation.css.map and b/assets/css/foundation.css.map differ
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
index b13a405..aedb96a 100644
Binary files a/assets/css/main.css.map and b/assets/css/main.css.map differ
diff --git a/assets/css/templates/home.css.map b/assets/css/templates/home.css.map
index 4d707ad..f097b52 100644
Binary files a/assets/css/templates/home.css.map and b/assets/css/templates/home.css.map differ
diff --git a/assets/css/templates/photo.css b/assets/css/templates/photo.css
index d497629..a69e6ee 100644
--- a/assets/css/templates/photo.css
+++ b/assets/css/templates/photo.css
@@ -34,8 +34,7 @@ div.carousel {
   max-width: 1300px;
   margin: 0 auto; }
 
-.img-fluid, .carousel-inner > .carousel-item > img,
-.carousel-inner > .carousel-item > a > img {
+.img-fluid {
   max-width: 100%;
   height: auto; }
 
@@ -57,7 +56,7 @@ div.carousel {
 
 .figure-caption {
   font-size: 90%;
-  color: #818a91; }
+  color: #636c72; }
 
 .carousel {
   position: relative; }
@@ -66,127 +65,138 @@ div.carousel {
   position: relative;
   width: 100%;
   overflow: hidden; }
-  .carousel-inner > .carousel-item {
-    position: relative;
-    display: none;
-    transition: .6s ease-in-out left; }
-    .carousel-inner > .carousel-item > img,
-    .carousel-inner > .carousel-item > a > img {
-      line-height: 1; }
-    @media all and (transform-3d), (-webkit-transform-3d) {
-      .carousel-inner > .carousel-item {
-        transition: transform 0.6s ease-in-out;
-        backface-visibility: hidden;
-        perspective: 1000px; }
-        .carousel-inner > .carousel-item.next,
-        .carousel-inner > .carousel-item.active.right {
-          left: 0;
-          transform: translate3d(100%, 0, 0); }
-        .carousel-inner > .carousel-item.prev,
-        .carousel-inner > .carousel-item.active.left {
-          left: 0;
-          transform: translate3d(-100%, 0, 0); }
-        .carousel-inner > .carousel-item.next.left,
-        .carousel-inner > .carousel-item.prev.right,
-        .carousel-inner > .carousel-item.active {
-          left: 0;
-          transform: translate3d(0, 0, 0); } }
-  .carousel-inner > .active,
-  .carousel-inner > .next,
-  .carousel-inner > .prev {
-    display: block; }
-  .carousel-inner > .active {
-    left: 0; }
-  .carousel-inner > .next,
-  .carousel-inner > .prev {
-    position: absolute;
-    top: 0;
-    width: 100%; }
-  .carousel-inner > .next {
-    left: 100%; }
-  .carousel-inner > .prev {
-    left: -100%; }
-  .carousel-inner > .next.left,
-  .carousel-inner > .prev.right {
-    left: 0; }
-  .carousel-inner > .active.left {
-    left: -100%; }
-  .carousel-inner > .active.right {
-    left: 100%; }
 
-.carousel-control {
+.carousel-item {
+  position: relative;
+  display: none;
+  width: 100%; }
+  @media (-webkit-transform-3d) {
+    .carousel-item {
+      transition: transform 0.6s ease-in-out;
+      backface-visibility: hidden;
+      perspective: 1000px; } }
+  @supports (transform: translate3d(0, 0, 0)) {
+    .carousel-item {
+      transition: transform 0.6s ease-in-out;
+      backface-visibility: hidden;
+      perspective: 1000px; } }
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block; }
+
+.carousel-item-next,
+.carousel-item-prev {
+  position: absolute;
+  top: 0; }
+
+@media (-webkit-transform-3d) {
+  .carousel-item-next.carousel-item-left,
+  .carousel-item-prev.carousel-item-right {
+    transform: translate3d(0, 0, 0); }
+  .carousel-item-next,
+  .active.carousel-item-right {
+    transform: translate3d(100%, 0, 0); }
+  .carousel-item-prev,
+  .active.carousel-item-left {
+    transform: translate3d(-100%, 0, 0); } }
+
+@supports (transform: translate3d(0, 0, 0)) {
+  .carousel-item-next.carousel-item-left,
+  .carousel-item-prev.carousel-item-right {
+    transform: translate3d(0, 0, 0); }
+  .carousel-item-next,
+  .active.carousel-item-right {
+    transform: translate3d(100%, 0, 0); }
+  .carousel-item-prev,
+  .active.carousel-item-left {
+    transform: translate3d(-100%, 0, 0); } }
+
+.carousel-control-prev,
+.carousel-control-next {
   position: absolute;
   top: 0;
   bottom: 0;
-  left: 0;
   width: 15%;
-  font-size: 20px;
   color: #fff;
   text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   opacity: 0.5; }
-  .carousel-control.left {
-    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
-    background-repeat: repeat-x;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
-  .carousel-control.right {
-    right: 0;
-    left: auto;
-    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
-    background-repeat: repeat-x;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
-  .carousel-control:focus,
-  .carousel-control:hover {
+  .carousel-control-prev:focus,
+  .carousel-control-prev:hover,
+  .carousel-control-next:focus,
+  .carousel-control-next:hover {
     color: #fff;
     text-decoration: none;
     outline: 0;
     opacity: .9; }
-  .carousel-control .icon-prev,
-  .carousel-control .icon-next {
-    position: absolute;
-    top: 50%;
-    z-index: 5;
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    margin-top: -10px;
-    font-family: serif;
-    line-height: 1; }
-  .carousel-control .icon-prev {
-    left: 50%;
-    margin-left: -10px; }
-  .carousel-control .icon-next {
-    right: 50%;
-    margin-right: -10px; }
-  .carousel-control .icon-prev::before {
-    content: "\2039"; }
-  .carousel-control .icon-next::before {
-    content: "\203a"; }
+
+.carousel-control-prev {
+  left: 0; }
+
+.carousel-control-next {
+  right: 0; }
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  position: absolute;
+  top: 50%;
+  z-index: 5;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  font-family: serif;
+  line-height: 1;
+  background: transparent no-repeat center center;
+  background-size: 100% 100%; }
+
+.carousel-control-prev-icon {
+  left: 50%;
+  margin-left: -10px;
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
+
+.carousel-control-next-icon {
+  right: 50%;
+  margin-right: -10px;
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
 
 .carousel-indicators {
   position: absolute;
+  right: 0;
   bottom: 10px;
-  left: 50%;
+  left: 0;
   z-index: 15;
-  width: 60%;
   padding-left: 0;
-  margin-left: -30%;
+  margin-right: 15%;
+  margin-left: 15%;
   text-align: center;
   list-style: none; }
   .carousel-indicators li {
+    position: relative;
     display: inline-block;
-    width: 10px;
-    height: 10px;
-    margin: 1px;
+    width: 30px;
+    height: 3px;
     text-indent: -999px;
     cursor: pointer;
-    background-color: transparent;
-    border: 1px solid #fff;
-    border-radius: 10px; }
+    background-color: rgba(255, 255, 255, 0.5); }
+    .carousel-indicators li::before {
+      position: absolute;
+      top: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: ""; }
+    .carousel-indicators li::after {
+      position: absolute;
+      bottom: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: ""; }
   .carousel-indicators .active {
-    width: 12px;
-    height: 12px;
-    margin: 0;
     background-color: #fff; }
 
 .carousel-caption {
@@ -198,27 +208,6 @@ div.carousel {
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
-  text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
-  .carousel-caption .btn {
-    text-shadow: none; }
-
-@media (min-width: 576px) {
-  .carousel-control .icon-prev,
-  .carousel-control .icon-next {
-    width: 30px;
-    height: 30px;
-    margin-top: -15px;
-    font-size: 30px; }
-  .carousel-control .icon-prev {
-    margin-left: -15px; }
-  .carousel-control .icon-next {
-    margin-right: -15px; }
-  .carousel-caption {
-    right: 20%;
-    left: 20%;
-    padding-bottom: 30px; }
-  .carousel-indicators {
-    bottom: 20px; } }
+  text-align: center; }
 
 /*# sourceMappingURL=photo.css.map */
\ No newline at end of file
diff --git a/assets/css/templates/photo.css.map b/assets/css/templates/photo.css.map
index 3e472bd..90c851c 100644
Binary files a/assets/css/templates/photo.css.map and b/assets/css/templates/photo.css.map differ
diff --git a/assets/css/templates/project.css b/assets/css/templates/project.css
index f0491f7..3d8ee29 100644
--- a/assets/css/templates/project.css
+++ b/assets/css/templates/project.css
@@ -23,6 +23,6 @@
 
 .figure-caption {
   font-size: 90%;
-  color: #818a91; }
+  color: #636c72; }
 
 /*# sourceMappingURL=project.css.map */
\ No newline at end of file
diff --git a/assets/css/templates/project.css.map b/assets/css/templates/project.css.map
index e511353..d265c76 100644
Binary files a/assets/css/templates/project.css.map and b/assets/css/templates/project.css.map differ
diff --git a/assets/css/templates/projects.css b/assets/css/templates/projects.css
index a138919..c459d4e 100644
--- a/assets/css/templates/projects.css
+++ b/assets/css/templates/projects.css
@@ -31,21 +31,21 @@
 
 .figure-caption {
   font-size: 90%;
-  color: #818a91; }
+  color: #636c72; }
 
 .card {
   position: relative;
   display: block;
   margin-bottom: 0.75rem;
   background-color: #fff;
-  border-radius: 0.25rem;
-  border: 1px solid rgba(0, 0, 0, 0.125); }
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  border-radius: 0.25rem; }
 
 .card-block {
   padding: 1.25rem; }
   .card-block::after {
+    display: block;
     content: "";
-    display: table;
     clear: both; }
 
 .card-title {
@@ -75,22 +75,22 @@
 .card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
-  background-color: #f5f5f5;
+  background-color: #f7f7f9;
   border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
   .card-header::after {
+    display: block;
     content: "";
-    display: table;
     clear: both; }
   .card-header:first-child {
     border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
 
 .card-footer {
   padding: 0.75rem 1.25rem;
-  background-color: #f5f5f5;
+  background-color: #f7f7f9;
   border-top: 1px solid rgba(0, 0, 0, 0.125); }
   .card-footer::after {
+    display: block;
     content: "";
-    display: table;
     clear: both; }
   .card-footer:last-child {
     border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
@@ -164,25 +164,25 @@
   background-color: transparent;
   border-color: #d9534f; }
 
-.card-inverse .card-header,
-.card-inverse .card-footer {
-  border-color: rgba(255, 255, 255, 0.2); }
-
-.card-inverse .card-header,
-.card-inverse .card-footer,
-.card-inverse .card-title,
-.card-inverse .card-blockquote {
-  color: #fff; }
-
-.card-inverse .card-link,
-.card-inverse .card-text,
-.card-inverse .card-subtitle,
-.card-inverse .card-blockquote .blockquote-footer {
+.card-inverse {
   color: rgba(255, 255, 255, 0.65); }
-
-.card-inverse .card-link:focus,
-.card-inverse .card-link:hover {
-  color: #fff; }
+  .card-inverse .card-header,
+  .card-inverse .card-footer {
+    background-color: transparent;
+    border-color: rgba(255, 255, 255, 0.2); }
+  .card-inverse .card-header,
+  .card-inverse .card-footer,
+  .card-inverse .card-title,
+  .card-inverse .card-blockquote {
+    color: #fff; }
+  .card-inverse .card-link,
+  .card-inverse .card-text,
+  .card-inverse .card-subtitle,
+  .card-inverse .card-blockquote .blockquote-footer {
+    color: rgba(255, 255, 255, 0.65); }
+  .card-inverse .card-link:focus,
+  .card-inverse .card-link:hover {
+    color: #fff; }
 
 .card-blockquote {
   padding: 0;
diff --git a/assets/css/templates/projects.css.map b/assets/css/templates/projects.css.map
index 947d280..c9af8c4 100644
Binary files a/assets/css/templates/projects.css.map and b/assets/css/templates/projects.css.map differ
diff --git a/assets/css/templates/webdesign.css b/assets/css/templates/webdesign.css
index d5149b5..3a2d529 100644
--- a/assets/css/templates/webdesign.css
+++ b/assets/css/templates/webdesign.css
@@ -39,6 +39,6 @@ main.webdesign .container {
 
 .figure-caption {
   font-size: 90%;
-  color: #818a91; }
+  color: #636c72; }
 
 /*# sourceMappingURL=webdesign.css.map */
\ No newline at end of file
diff --git a/assets/css/templates/webdesign.css.map b/assets/css/templates/webdesign.css.map
index 012ea55..51e8e78 100644
Binary files a/assets/css/templates/webdesign.css.map and b/assets/css/templates/webdesign.css.map differ
diff --git a/assets/vendors/bootstrap b/assets/vendors/bootstrap
index cd5c7a2..3c12d73 160000
--- a/assets/vendors/bootstrap
+++ b/assets/vendors/bootstrap
@@ -1 +1 @@
-Subproject commit cd5c7a2263c33e7c4fe7f5db205ff93fbe17750f
+Subproject commit 3c12d73203bad27edcaa1072e263fdab2a2c14f7
diff --git a/kirby b/kirby
index a4c70d8..1d93437 160000
--- a/kirby
+++ b/kirby
@@ -1 +1 @@
-Subproject commit a4c70d8de361093a3945dbc913a93263fcd12175
+Subproject commit 1d93437c3dd73432567f8d080723e3b574754781
diff --git a/panel b/panel
index 7f6e22b..595b7c7 160000
--- a/panel
+++ b/panel
@@ -1 +1 @@
-Subproject commit 7f6e22b172bd84ecaac17cbf02853d627346a8e9
+Subproject commit 595b7c7a18e61c1d6b4138e4a75613cd774989a1
diff --git a/site/snippets/base/cont-footer.php b/site/snippets/base/cont-footer.php
index a12e1eb..5f0e166 100644
--- a/site/snippets/base/cont-footer.php
+++ b/site/snippets/base/cont-footer.php
@@ -9,15 +9,15 @@
 <footer class="section">
   <div class="container">
     <div class="row">
-      <div class="col-xs-4 col-xxs-12">
+      <div class="col-4 col-xxs-12">
         <?php echo $site->footer_left()->kirbytext(); ?>
 
       </div>
-      <div class="col-xs-4 col-xxs-12 center">
+      <div class="col-4 col-xxs-12 center">
         <?php echo $site->footer_center()->kirbytext(); ?>
 
       </div>
-      <div class="col-xs-4 col-xxs-12 right">
+      <div class="col-4 col-xxs-12 right">
         <a href="https://github.com/jbeyerstedt"><img src="<?php echo $site->url()?>/assets/images/githubicon.png" alt="github icon"></a>
         <img src="<?php echo $site->url()?>/assets/images/html5icon.png" alt="html5 icon">
         <img src="<?php echo $site->url()?>/assets/images/css3icon.png" alt="css3 icon">