body, html {
  width: 100%;
  height: 100%;
}

.jumbotron {
    position: relative;
    background: #000 url("http://generate.design/NASAD/student-work/a&d-photos/a&d-hero.jpg");
		background-position: right bottom;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: auto;
		padding-top:15px;
}

.info-bar {
	position:absolute;
	top:0;
	right:0;
	left:0;
	background-color: rgba(0,0,0,0.2);
/* 	height: 200px; */
	margin:0;
	padding-left: 2em;
  padding-bottom: 1.3em;
  color: #fffe;
}

.hp-sub {
	font-weight:200;
	font-size: 1em;
	opacity:0.9;
	line-height:0.4em;
/* 	color:#000; */
}




@media only screen and (max-width: 600px) {
  .jumbotron {
      /* background: #000 url("http://generate.design/NASAD/student-work/a&d-photos/a&d-hero-vert2.jpg");
      background-position: bottom; */
  }

  .hp-sub {
    line-height: normal;
  }

  .info-bar {
    padding: 0 1.3em 1.3em;
  }
}