body {
    background-color: #ffffff; /*Default bg, similar to the background's base color*/
    background-image: url("invite_bottom_right.jpg"), url("invite_top_left.jpg");
    background-position: right bottom, left top; /*Positioning*/
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
    background-attachment: fixed;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    color: #666;
    font-weight: 100;
 }

h1 {
  font-weight: 300;
  margin-bottom: 50px;
}

.main-container {
  display: inline-block;
  text-align: left;
  margin-top: 100px;
  margin-left: 200px;
  margin-right: 200px;
}

.heading {
  font-weight: 300;
}

.info {

}

.timeline {
    position: absolute;
    width: 600px;
    height: 600px;
    margin-top: 80px;
}

.slide-container {
}
  
.slider {
    position: absolute;
    left: -300px;
    top: 300px;
    width: 600px;
    transform: rotate(90deg);
    z-index: 1000;
}
  
.slider::-webkit-slider-thumb {
}
  
.slider::-moz-range-thumb {
}

.center-timeline {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 580px;
    visibility: hidden;
}

.timeline-active {
    visibility: visible;
}

.retina-image {
    width: 600px;
    height: 600px;
    -webkit-user-drag: none; 
    user-select: none;
    margin-top: 10px;
}

.caption {
    text-align: center;
    font-size: 80%;
}