body {
	font-family: "Gill Sans", sans-serif !important;
}
.modal-title {
    color: #000;
}
.container {
	width: 100% !important;
}
.demo-reveal {
    position: initial;
 
    color: #FFF;
}
.demo-padding {
	margin: 20px;
	position: absolute;
  top: 50%;
  transform: translateY(-50%);1
}
.bootbox-body {
	color: #000;
}
.demo-padding-interior {
	    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -15% 0 0 -25%;
}
.section {
  position: absolute;
  z-index: 0;
  width: 50%;
  height: 50%;
  overflow: hidden;
  -webkit-transform: scale(1);
          transform: scale(1);
  will-change: transform;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.2, 0, 1);
          transition-timing-function: cubic-bezier(0.4, 0.2, 0, 1);
}
.section:first-child {
  top: 0;
  left: 0;
  background: -webkit-radial-gradient(top center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 90%), url('/images/chekov-birthday-dance-small.gif') no-repeat center;
	background-size: cover;

}
.section:nth-child(2) {
  top: 0;
  left: 50%;
  background: -webkit-radial-gradient(top center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 90%), url('/images/kirk-second-star-small.gif') no-repeat bottom center;
	background-size: cover;
 }
.section:nth-child(3) {
  top: 50%;
  left: 0;
  background: -webkit-radial-gradient(top center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 90%), url('/images/janeway-let-you-know-when-small.gif') no-repeat bottom center;
	background-size: cover;
}
.section:nth-child(4) {
  top: 50%;
  left: 50%;
  background: -webkit-radial-gradient(top center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 90%), url('/images/picard-engage-small.gif') no-repeat center;
	background-size: cover;
}
.section.is-expanded {
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.has-expanded-item .section:not(.is-expanded) {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}

.close-section {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  width: 3rem;
  height: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 2rem;
  text-align: center;
  color: #fff;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.section.is-expanded .close-section {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 200ms linear 600ms;
  transition: opacity 200ms linear 600ms;
  z-index:9;
      font-size: 2em;
    margin: 5px;
    background: rgba(255,255,255,0.5);
    border-radius: 4px;
}

body {
  margin: 0;
  font-family: "Gill Sans", sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  background: black;
}

.demo-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 300;
}