html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 8em; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 8em;  /*Set the fixed height of the footer here */
  /*line-height: 60px;  Vertically center the text there */
  background-color: #444;
  margin-top: 8em;
}
		.headroom {
			background: #444 url(/assets/oskar.jpg);
			background-size: cover;
			height: 9em;
			margin-bottom: 2em;
		}

		.sample iframe {
			width: 100%;
			height: ;
		}

		.yt-container {
		    position: relative;
		    width: 100%;
		    height: 0;
		    padding-bottom: 56.25%;
		}
		.yt-video {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}
		footer {
			margin-top:4em;
			background-color: #444;
			color: white;
			padding-top:1.6em;
			padding-bottom:1.6em;
			
			bottom:0;
		}
		footer a {

			color: white;
		}

		.sample img {
			width: 100%;
		}

		.column {
			padding-bottom: 8em;
		}