* {
    padding: 0;
    margin: 0;
	box-sizing: border-box;
	font-family: 'Inconsolata', monospace;
	font-size: 100%;
}

html {
	font-size: 100%;
}

@media screen and (max-width:40em) {
	html {
		font-size: 80%;
	}
	
	h1, p, hr {
		margin-left:1rem;
		margin-right:1rem;
	}
}

body {
	background-color:#1A1A1A;
}

.column {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	max-width:45rem;
	padding-bottom:4rem;
}


h1 {
	font-weight: lighter;
	color:#0E9F69;
	font-size:2rem;
	padding-top:2rem;
	word-spacing:-0.2rem;

}

hr {
	border-color:#0E9F69;
	margin-top:1rem;
	margin-bottom:4rem;
}

.column p {
	padding-top:1rem;
	margin-bottom:1rem;
	color:#bbbbbb;
	font-size:1.4rem;
	line-height: 130%;
	word-spacing:-0.2rem;
}

.column span {
	color:orange;
}





.vidcontainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}


iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;	
}