html {
	font-size: 16px;
}
.header-main {
	display: flex;
  	flex-wrap: wrap;
}
.hr-cont {
	flex-grow: 1;
  	align-self: center;
}
.hr-style-lines {
	margin: 2px auto 4px 20px;
	height: 1px;
}
.intro-img {
	background: url("yt.jpg") no-repeat center center/cover;
	width: 95vw;
	height: 70vh;
	margin: 20px auto auto auto;
}
.intro-head > header > p {
	font-family: 'Raleway', sans-serif;
	align-self: end;
	text-transform: uppercase;
	align-self: flex-end;
}

.intro-head > header .title.is-1 {
	font-family: 'Playfair Display', sans-serif;
	font-size: 4em;
}
.intro-head > header .subtitle {
	text-align: center;
	font-family: 'Dancing Script', sans-serif;
	font-size: 1.5em;
}
.stat > span:first-child {
	font-family: "Dancing Script", sans-serif;
}
.stat-col {
	display: flex;
	justify-content: space-evenly;
}
.stat-col > div {
	text-align: center;
}
hr {
	background-color: #000000;
}
.stat > hr {
	margin: 0 auto .5em auto;
	width: 70%;
}
.stat > span:last-child {
	font-family: "Playfair Display", sans-serif;
}
.stat {
	margin: 1em 0 2em 0;
}
.main {
	display: flex;
	align-items: center;
	margin: 2em auto auto auto;
	width: 80%;
}
.main .copy  {
	margin: 0 0 0 1em;
}
.left-box {
	font-family: "Playfair Display", sans-serif;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.left-box > p:last-child {
	font-size: 2em;
}
.copy {
	margin: auto auto auto 1em;
}
.copy > p {
	font-size: .9em;
	line-height: 25px;
}
.explore > header {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: auto auto 1em auto;
}
.explore > header hr {
	width: 25%;
}
.explore > header > p {
	font-family: "Playfair Display", sans-serif;
	font-size: 1.5em;
	margin: 0 17px 0 17px;
	text-transform: uppercase;
	font-weight: bold;
}
.explore {
	margin: 2em auto auto auto;
	width: 80%;
}
.explr-box {
	display: flex;
}
.explr-box i {
	align-self: center;
	font-size: 3em;
	margin: 0 .25em 0 0;
	width: 20vw;
}
.explr-cont {
	padding-right: 8px;
	border-right: 1px dashed #000;
}
.explr-cont > .title {
	margin: 0 0 .25em 0;
}
.explr-cols > .columns {
	justify-content: space-evenly;
}
.explr-cols > .columns > .column:last-of-type > .explr-box > .explr-cont {
	border-right: none;
}
.templates > .columns > .column > div {
	border: 1px solid #000000;
  }
.templates > .columns > .column > .wu-img {
	background: url("img/wu-intro.png") no-repeat center top/cover;
	width: 100%;
	height: 50vh;
}
.templates > .columns > .column > .split-img {
	background: url("img/split-landing.jpg") no-repeat center top/cover;
	width: 100%;
	height: 50vh;
}
.templates > .columns > .column > .gh-img {
	background: url("img/GHRemake.png") no-repeat center top/cover;
	width: 100%;
	height: 50vh;
}
.work > .columns > .column > .datinggold {
	background: url("img/datinggold.png") no-repeat center top/cover;
	width: 100%;
	height: 100%;
}
.work > .columns > .column > .link2md {
	background: url("img/link2md.png") no-repeat center top/cover;
	width: 100%;
	height: 100%;
}.work > .columns > .column > .sol {
	background: url("img/sol.png") no-repeat center top/cover;
	width: 100%;
	height: 100%;
}
.work .columns {
	margin-bottom: 50px;
}
.tech-icon {
	font-size: 4em;
	margin: 9px;
}
.col-header {
	font-family: "Playfair Display", sans-serif;
	text-align: center;
	font-size: 3em;
	border-bottom: 1px solid #000000;
	border-bottom-style: dashed;
}
.column.front-end,
.column.back-end,
.column.devops {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
}
.work-description header.subtitle {
	font-family: "Playfair Display", sans-serif;
	border-bottom: 1px solid #000000;
}