Untitled

<body>
<div class="group" id="fullimage">
<div class="inner">
  <div class="caption singleColumnWidth">
    <h1 class="uppercase size65">Science in Eden</h1>
    <p class="size30">If you're up for field-based science, Indiana Jones<br/>
      style, one of the world's wildest, most remote, and<br/>
      most radical research stations is the place for you.
    </p>
  </div>
</div>
</div>
<section class="singleColumnWidth">
    Bacon ipsum dolor sit amet swine frankfurter biltong prosciutto sirloin venison chuck ball tip fatback filet mignon tri-tip brisket. Pig jerky fatback flank. Shank corned beef bresaola, chuck tri-tip tenderloin t-bone tail tongue ham frankfurter. Shankle bresaola rump, ball tip prosciutto porchetta ham brisket venison short ribs drumstick corned beef boudin. Rump jerky jowl meatball shankle landjaeger leberkas tenderloin.
</section>
  <div class="group" id="etc">
<div class="inner">
  <div class="caption singleColumnWidth">
    <h1 class="uppercase size65">Science in Eden</h1>
    <p class="size30">If you're up for field-based science, Indiana Jones<br/>
      style, one of the world's wildest, most remote, and<br/>
      most radical research stations is the place for you.
    </p>
  </div>
</div>
</div>
<section class="singleColumnWidth">
    Bacon ipsum dolor sit amet swine frankfurter biltong prosciutto sirloin venison chuck ball tip fatback filet mignon tri-tip brisket. Pig jerky fatback flank. Shank corned beef bresaola, chuck tri-tip tenderloin t-bone tail tongue ham frankfurter. Shankle bresaola rump, ball tip prosciutto porchetta ham brisket venison short ribs drumstick corned beef boudin. Rump jerky jowl meatball shankle landjaeger leberkas tenderloin.
</section>

.uppercase{
  text-transform: uppercase;
}

.size20{
  font-size: 2rem;
}
.size30{
  font-size: 3rem;
}
.size40{
  font-size: 4rem;
}
.size65{
  font-size: 6.5rem;
}


.group{
  position: relative;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: table;
  width: 100%;
}
.group .inner{
  display: table-cell;
  vertical-align: bottom;
  padding: 30px 0;
}

#fullimage{
  color: #fff;
  position: relative;
  background: url(http://upload.wikimedia.org/wikipedia/en/e/ec/Very_Large_Array_dish_scale.jpg) no-repeat center center fixed;
  background-size: cover;
  width: 200%;
}

#lowheightImage{
  color: #fff;
  position: relative;
  background-position: center center fixed;
  background-repeat: no-repeat;
  background-size: cover;
  width: 200%;
  height: 588px;
}

#etc{
  background-image: url(http://scitechdaily.com/images/the-Large-Magellanic-Cloud-a-satellite-galaxy-of-the-Milky-Way.jpg);
}

.singleColumnWidth{
  display: block;
  margin: 0 auto;
  width: 700px;
}

section{
  padding: 20px 0;
}

.caption{
  color: #fff;
}

.story{
  padding-bottom: 15px!important;
}

var height = $(document).height();
  $('#fullimage').css({
    "height": height
  });


 $(window).resize(function() {
    var bodyheight = $(window).height();
    $("#fullimage").height(bodyheight);
 });