body, html {
  height: 100% !important;
  margin: 0;
  background-color: #000 !important; }

/* https://keithclark.co.uk/articles/pure-css-parallax-websites/ */
.parallax-img-1, .parallax-img, .parallax-gallery {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
  min-height: 700px;
  background-size: 100% auto; }

.parallax-img-1 {
  min-height: 100% !important; }

.parallax-text {
  text-align: center;
  padding: 50px 80px;
  position: relative; }

.parallax-caption-pic {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 43vh; }

.parallax-caption-pic > img {
  display: block;
  height: auto;
  width: auto;
  max-height: 20vh;
  max-width: 100%;
  margin: auto;
  border-radius: 0;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(0, 0, 0, 0); }
  .parallax-caption-pic > img:hover {
    border-radius: 0;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff !important; }

.caption {
  position: absolute;
  left: 0;
  top: 65%;
  width: 100%;
  text-align: center;
  color: #fff; }

.caption span {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px; }
  .caption span:hover {
    text-decoration: underline !important;
    text-decoration-color: #cf6363 !important; }

a .container {
  text-decoration: none !important; }

.about-caption {
  color: #ccc !important;
  text-decoration: none !important; }

a:visited.about-caption {
  color: #ccc !important;
  text-decoration: none !important; }

a:hover.about-caption {
  text-decoration: underline !important;
  text-decoration-color: #cf6363 !important; }

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parallax-img {
    background-attachment: scroll; } }

/*# sourceMappingURL=home.css.map */