[class*='col-'] {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.col-profile {
	width: 50%;
}

.col-1-2 {
	width: 49%;
}

.col-1-3 {
	width: 33.33%;
}

.col-project {
	width: 33%;
	padding: 2rem;
}

.content .col-1-3 {
	width: 31%;
}

.col-1-4 {
	width: 25%;
}

.col-1-5 {
	width: 19%;
}

.col-1-6 {
	width: 17%;
}

#header-left, #header-right {
	white-space: nowrap;
}

#header-left > div {
	display: inline-block;
}

#header-left {
	width: 35%;
}

#header-right {
	width: 45%;
	padding-top: 1rem;
}

@media only screen and (max-width: 75rem) {

	.col-project {
		width: 49.9%;
	}
}

@media only screen and (max-width: 70rem) {
	.col-1-3 {
		width: 45%;
	}

	aside {
		display: none;
	}
}

@media only screen and (max-width: 65rem) {

	html header {
		display: block;
	}

	html #header-left, #header-right {
		display: block;
		width: auto;
		white-space: normal;
		text-align: center;
	}

	.stretch-img {
		width: auto;
		display: block;
	}

	html .profile-flex {
		display: block;
	}

	.col-profile {
	 	display: block;
		width: auto;
	 }
}

@media only screen and (max-width: 55rem) {

	.col-1-6 {
		width: 33.2%;
		padding: 1rem 0;
	}

	.col-1-2 {
		display: block;
		width: auto;
	}

	.col-1-3 {
		width: 60%;
	}

	html .flex {
		display: block;
	}

	html p {
		text-align: left;
	}
}

@media only screen and (max-width: 45rem) {

	.col-1-3, 
	.content .col-1-3,
	.col-1-4, 
	.col-project {
		display: block;
		width: auto;
		padding: 0;
	}

	.content {
		padding-left: 0.5rem;
		max-width: 100%;
	}
}

@media only screen and (max-width: 35rem) {

	header {
		padding: 1rem 0;
	}

	html p, body {
		font-size: 0.9rem;
		line-height: 1.5rem;
	}

	[class*='col-'] {
		display: block;
		width: auto;
		padding: 1rem 0.5rem;
	}

	.hpad-2 {
		padding: 0;
	}

	.wrapper-2 {
		padding-left: 0;
		padding-right: 0;
	}

	h1 {
		font-size: 2.2rem;
		padding: 0;
	}

	h2 {
		font-size: 1.7rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	.heading-space {
		padding-top: 4rem;
	}

	.padleft {
		padding-left: 2rem;
	}
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}