.navbar {
  padding-block: 6vw !important;
}

.steampunk {
  margin-top: -6vw;
  overflow: hidden;
  position: relative;
  z-index: 420;
}

.steampunk-frame {
  position: relative;
  background: url(../images/steampunk-frame-bottom.png) center bottom no-repeat, url(../images/steampunk-frame-top.png) center top no-repeat;
  background-size: 100% auto;
  padding: 16.5% 13% 3.15%;
  color: #000;
}
.steampunk-frame:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 51% 0 2%;
  background: url(../images/steampunk-frame-body.png) center top repeat-y;
  background-size: 100% auto;
  z-index: -1;
}

@media (max-width: 575.98px) {
  .steampunk-container {
    margin-left: -15%;
    margin-right: -15%;
    width: auto;
    max-width: none;
  }
}
.steampunk-needle {
  position: absolute;
  margin-top: 5.6%;
  left: 19.25%;
  top: 0;
  width: 9.5%;
  padding-top: 4.8%;
  overflow: hidden;
}
.steampunk-needle:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/steampunk-frame-needle.png) center bottom no-repeat;
  background-size: auto 80%;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation: steampunkNeedle 1s linear infinite;
          animation: steampunkNeedle 1s linear infinite;
}

@-webkit-keyframes steampunkNeedle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  65% {
    -webkit-transform: rotate(-80deg);
            transform: rotate(-80deg);
  }
  72% {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
  }
  80% {
    -webkit-transform: rotate(-80deg);
            transform: rotate(-80deg);
  }
  85% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes steampunkNeedle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  65% {
    -webkit-transform: rotate(-80deg);
            transform: rotate(-80deg);
  }
  72% {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
  }
  80% {
    -webkit-transform: rotate(-80deg);
            transform: rotate(-80deg);
  }
  85% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.steampunk-tube {
  position: absolute;
  margin-top: 2.5%;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 15.0531914894%;
  -webkit-animation: steampunkTube 1s linear infinite;
          animation: steampunkTube 1s linear infinite;
  background: url(../images/steampunk-frame-tube.png) center bottom no-repeat;
  background-size: contain;
}

@-webkit-keyframes steampunkTube {
  0% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.75;
  }
  65% {
    opacity: 0;
  }
  72% {
    opacity: 0.85;
  }
  80% {
    opacity: 0;
  }
  85% {
    opacity: 0.75;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes steampunkTube {
  0% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.75;
  }
  65% {
    opacity: 0;
  }
  72% {
    opacity: 0.85;
  }
  80% {
    opacity: 0;
  }
  85% {
    opacity: 0.75;
  }
  100% {
    opacity: 0.5;
  }
}
.steampunk-content {
  display: flex !important;
  position: relative;
  overflow: hidden;
}
.steampunk-content:before {
  content: "";
  display: block;
  padding-top: 46%;
  width: 1px;
  margin-left: -1px;
}
.steampunk-content.collapsing .steampunk-read-more, .steampunk-content.show .steampunk-read-more {
  display: none;
}

.steampunk-content.collapse {
  transition-duration: 2s;
}
.steampunk-content.collapse:not(.show) {
  height: 500px;
}
.steampunk-content.collapse.collapsing .steampunk-read-more, .steampunk-content.collapse.show .steampunk-read-more {
  display: none;
}

.steampunk-read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: radial-gradient(closest-side, #000, transparent);
  background-size: 100% 200%;
}

@media (min-width: 576px) {
  .steampunk-width {
    padding: 0 10%;
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvbWUuc2NzcyIsImhvbWUuY3NzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vd3d3L3d3dy5tZW50YWxyYWRpby5uZXQubGl2ZS81NzE0MzYvZnJvbnRlbmQvcnVudGltZS90aGVtZXMvbWVudGFscmFkaW8vYXNzZXRzL3N0eWxlc2hlZXRzL192YXJpYWJsZXMuc2NzcyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3d3dy93d3cubWVudGFscmFkaW8ubmV0LmxpdmUvNTcxNDM2L2Zyb250ZW5kL3J1bnRpbWUvdGhlbWVzL21lbnRhbHJhZGlvL2Fzc2V0cy9ib290c3RyYXAvc2Nzcy9taXhpbnMvX2JyZWFrcG9pbnRzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JBO0VBQ0UsOEJBQUE7Q0NqQkQ7O0FEb0JEO0VBQ0UsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsYUFBQTtDQ2pCRDs7QURvQkQ7RUFDRSxtQkFBQTtFQUNBLDJJQUFBO0VBQ0EsMkJBQUE7RUFDQSx5QkFBQTtFQUNBLFlFakJTO0NEQVY7QURvQkM7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsT0FBQTtFQUNBLFFBQUE7RUFDQSxTQUFBO0VBQ0EsVUFBQTtFQUNBLGlCQUFBO0VBQ0Esd0VBQUE7RUFDQSwyQkFBQTtFQUNBLFlBQUE7Q0NsQkg7O0FFMkNHO0VIbkJGO0lBQ0Usa0JBQUE7SUFDQSxtQkFBQTtJQUNBLFlBQUE7SUFDQSxnQkFBQTtHQ3BCRDtDQUNGO0FEdUJEO0VBQ0UsbUJBQUE7RUFDQSxpQkFBQTtFQUNBLGFBQUE7RUFDQSxPQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7Q0NyQkQ7QUR1QkM7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsT0FBQTtFQUNBLFFBQUE7RUFDQSxZQUFBO0VBQ0EsYUFBQTtFQUNBLDhFQUFBO0VBQ0EsMEJBQUE7RUFDQSxtQ0FBQTtVQUFBLDJCQUFBO0VBQ0EsZ0NBQUE7VUFBQSx3QkFBQTtFQUNBLHNEQUFBO1VBQUEsOENBQUE7Q0NyQkg7O0FEeUJEO0VBRUU7SUFDRSxnQ0FBQTtZQUFBLHdCQUFBO0dDdkJEO0VEMEJEO0lBQ0UsaUNBQUE7WUFBQSx5QkFBQTtHQ3hCRDtFRDJCRDtJQUNFLGtDQUFBO1lBQUEsMEJBQUE7R0N6QkQ7RUQ0QkQ7SUFDRSxpQ0FBQTtZQUFBLHlCQUFBO0dDMUJEO0VENkJEO0lBQ0Usa0NBQUE7WUFBQSwwQkFBQTtHQzNCRDtFRDhCRDtJQUNFLGlDQUFBO1lBQUEseUJBQUE7R0M1QkQ7RUQrQkQ7SUFDRSxnQ0FBQTtZQUFBLHdCQUFBO0dDN0JEO0NBQ0Y7O0FEQ0Q7RUFFRTtJQUNFLGdDQUFBO1lBQUEsd0JBQUE7R0N2QkQ7RUQwQkQ7SUFDRSxpQ0FBQTtZQUFBLHlCQUFBO0dDeEJEO0VEMkJEO0lBQ0Usa0NBQUE7WUFBQSwwQkFBQTtHQ3pCRDtFRDRCRDtJQUNFLGlDQUFBO1lBQUEseUJBQUE7R0MxQkQ7RUQ2QkQ7SUFDRSxrQ0FBQTtZQUFBLDBCQUFBO0dDM0JEO0VEOEJEO0lBQ0UsaUNBQUE7WUFBQSx5QkFBQTtHQzVCRDtFRCtCRDtJQUNFLGdDQUFBO1lBQUEsd0JBQUE7R0M3QkQ7Q0FDRjtBRGdDRDtFQUNFLG1CQUFBO0VBQ0EsaUJBQUE7RUFDQSxPQUFBO0VBQ0EsUUFBQTtFQUNBLFlBQUE7RUFDQSw0QkFBQTtFQUNBLG9EQUFBO1VBQUEsNENBQUE7RUFDQSw0RUFBQTtFQUNBLHlCQUFBO0NDOUJEOztBRGlDRDtFQUVFO0lBQ0UsYUFBQTtHQy9CRDtFRGtDRDtJQUNFLGNBQUE7R0NoQ0Q7RURtQ0Q7SUFDRSxXQUFBO0dDakNEO0VEb0NEO0lBQ0UsY0FBQTtHQ2xDRDtFRHFDRDtJQUNFLFdBQUE7R0NuQ0Q7RURzQ0Q7SUFDRSxjQUFBO0dDcENEO0VEdUNEO0lBQ0UsYUFBQTtHQ3JDRDtDQUNGOztBRFNEO0VBRUU7SUFDRSxhQUFBO0dDL0JEO0VEa0NEO0lBQ0UsY0FBQTtHQ2hDRDtFRG1DRDtJQUNFLFdBQUE7R0NqQ0Q7RURvQ0Q7SUFDRSxjQUFBO0dDbENEO0VEcUNEO0lBQ0UsV0FBQTtHQ25DRDtFRHNDRDtJQUNFLGNBQUE7R0NwQ0Q7RUR1Q0Q7SUFDRSxhQUFBO0dDckNEO0NBQ0Y7QUR3Q0Q7RUFFRSx5QkFBQTtFQUNBLG1CQUFBO0VBQ0EsaUJBQUE7Q0N2Q0Q7QUR5Q0M7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0NDdkNIO0FENkNHO0VBQ0UsY0FBQTtDQzNDTDs7QURnREQ7RUFFRSx3QkU0RnlCO0NEMUkxQjtBRGdEQztFQUNFLGNBQUE7Q0M5Q0g7QURvREc7RUFDRSxjQUFBO0NDbERMOztBRHVERDtFQUNFLG1CQUFBO0VBQ0EsVUFBQTtFQUNBLFFBQUE7RUFDQSxZQUFBO0VBQ0EsV0FBQTtFQUNBLDZEQUFBO0VBQ0EsMkJBQUE7Q0NwREQ7O0FFaEdHO0VId0pGO0lBQ0UsZUFBQTtHQ3BERDtDQUNGIiwiZmlsZSI6ImhvbWUuY3NzIn0= */