:root {
	--bgimg: url(http://archive.dgst101.net/i/paint1.jpg);
}
 
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 8em; /* Margin bottom by footer height */
  background-color: #444;
}
.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-color: #444;

			background-image: var(--bgimg);
			background-size: cover;
			height: 9em;
			
		}

		.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:8em;
			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;
		}
		footer span  {
			display:block;
			background-color: #444;
		}


		article {
			background-color: #fff;
			padding-top: 2em;
			padding-bottom: 4em;
		}


.project-list{
	margin-bottom: 1.5em;
}