/*** LANDING PAGE ***/
/* line 7, landingpage.scss */
body {
  margin: auto;
  max-width: 900px;
  background-color: #000;
  color: oldlace;
  word-wrap: break-word;
  font-size: 1.2em;
  font-family: sans-serif;
}
  /* line 16, landingpage.scss */
  body p {
    line-height: 1.7em; }

/* line 21, landingpage.scss */
h1 {
  font-size: 3em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid;
  font-weight: bold; }

/* line 29, landingpage.scss */
ul li {
  margin-bottom: 0.75em; }

/* line 33, landingpage.scss */
.teaser {
  min-height: 100vh;
  background-image: url("../imgs/gen2050.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 1.2em;
  /*font-family: Cambria;*/ 
}
  /* line 41, landingpage.scss */
  .teaser .container {
    text-shadow: #000 1px 0 5px;
    padding-bottom: 1rem;
    /*        .col-lg-12 {
            margin-left: -5vw;
        }*/ }
  /* line 50, landingpage.scss */
  .teaser h2 {
    margin-top: -1em; }
  /* line 54, landingpage.scss */
  .teaser p {
    margin-top: 5vh;
    max-width: 37vw; }
    /* line 58, landingpage.scss */
    .teaser p a {
      color: oldlace; }
  /* line 63, landingpage.scss */
  .teaser #subtitletext {
    display: none; }

/* line 68, landingpage.scss */
.resolution {
  /*background-image: url("../imgs/mw-light.jpg");
    background-repeat: no-repeat;
    background-size: cover;*/
  color: #646464;
  background-color: oldlace;
  min-height: 50vh; }

/* line 77, landingpage.scss */
.timetravel {
  /*    background-image: url("../imgs/mw-dark.jpg");
    background-repeat: no-repeat;
    background-size: cover;*/
  color: #646464;
  background-color: oldlace;
  min-height: 20vh;
  z-index: 0 !important; }

/* line 87, landingpage.scss */
.project {
  /*    background-image: url("../imgs/mw-light.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: $main-dark-color;*/
  color: #646464;
  background-color: oldlace;
  min-height: 50vh; }
  /* line 96, landingpage.scss */
  .project .col-lg-4 {
    margin-bottom: 1.5rem; }
  /* line 100, landingpage.scss */
  .project * .hvrbox-layer_top {
    top: 2em !important; }

.project .scroll-me a {
	color: rgb(253, 245, 230);
}

/* line 105, landingpage.scss */
.travelers {
  /*    background-image: url("../imgs/mw-dark.jpg");
    background-repeat: no-repeat;
    background-size: cover;*/
  color: #646464;
  background-color: oldlace;
  min-height: 50vh; }

/* line 113, landingpage.scss */
.footer {
  /*    background-image: url("../imgs/mw-light.jpg");
    background-repeat: no-repeat;
    background-size: cover;*/
  /*border-top: 1px yellow solid;*/
  padding-top: 3vh;
  color: #646464;
  background-color: oldlace; }

/* Useful classes */
/* line 125, landingpage.scss */
.text-center {
  text-align: center; }

/* line 129, landingpage.scss */
.section {
  padding-top: 3vh;
  position: relative;
  padding-bottom: 7vh;
  z-index: 1; }

/* line 136, landingpage.scss */
.next {
  position: absolute;
  width: 100%;
  bottom: 2vh;
  text-align: center;
  z-index: 1000; }
  /* line 143, landingpage.scss */
  .next i {
    font-size: 7vh;
    cursor: pointer; }

/* line 149, landingpage.scss */
.story {
  padding: 0.5em; }

/* line 153, landingpage.scss */
.hvrbox, .hvrbox-layer_bottom {
  width: 100%;
  height: 100%; }

/* line 158, landingpage.scss */
.hvrbox-text {
  width: 100%; }
  /* line 161, landingpage.scss */
  .hvrbox-text a {
    color: oldlace; }

/* line 166, landingpage.scss */
.hvrbox-title {
  position: absolute;
  color: white;
  height: 2em;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6); }

/* line 175, landingpage.scss */
.hvrbox-title a {
  color: white; }

/* line 179, landingpage.scss */
.hvrbox-layer_top {
  padding-bottom: 2.5em !important;
  text-align: center; }
  /* line 183, landingpage.scss */
  .hvrbox-layer_top p {
    max-height: 100%;
    line-height: 1.2em; }

/*** SMALL DEVICES ***/
@media (max-width: 767px) {
    /* CSS goes here */
	.teaser h1 {
		font-size: 2em; 
	}
	.teaser h2 {
		margin-top: 0;
	}
	.teaser p {
		max-width: 100vw;
	}
	
	.timetravel .animateme{
		transform: none !important;
		opacity: 1 !important; 
	}
}

/** FOOTER LOGOS **/
#footer-logo-row .col-lg-6 {
	margin-bottom: 1em;
}
#footer-logo-row a, #footer-logo-row a img{
	display: block;
	width: 100%;
}