.row {
	display:flex;
	flex-wrap:wrap;
}
.col, .col-auto {
	position: relative;
	width:100%;
}
.col {
	flex-basis:0;
	flex-grow:1;
	max-width:100%
}
.col-auto {
	flex:0 0 auto;
	width:auto;
	max-width:100%;
}
.align-items-center {
	align-items:center;
}
.m-projects {
	width:90%;
	margin:0px auto;
	overflow:hidden;
}
.m-project {
	overflow:hidden;
	padding:1em;
	background-color:#F0E8DE;
	box-shadow:0px 0px 5px 2px rgba(100,100,100, 0.2);
	margin:0.5em 0.5em 3em 0.5em;
}
.m-project img {
	overflow:hidden;
	display:block;
	margin:0px auto;
	float:none;
	height:12em;
	width:18em;
	max-width:100%;
}
.title {
	border-bottom:1px solid #815231;
}
.btn {
	display:inline-block;
	text-align:center;
	vertical-align: middle;
	user-select: none;
	padding: 0.375rem 0.75rem;
	font-size:1rem;
	border-radius:0.25rem;
	cursor: pointer;
	border:none;
}
.btn-primary {
	background-color:#815231;
	color:white;
	transition:background-color 0.2s;
}
.btn-primary:hover {
	background-color:#573720;
}
.btn-secondary {
	background-color:#888;
	color:white;
	transition:background-color 0.2s;
}
.btn-secondary:hover {
	background-color:#666;
}
.m-project h2 {
	display:block;
	margin-left:0px;
	padding:0px;
}
.m-project p {
	display:block;
	width:100%;
	margin:2em 0px 0px 0px;
}

@media only screen and (min-width:800px) {
	.m-project img {
		float:left;
		margin:0px;
	}
	.m-project p {
		width:auto;
		margin:2em 0px 0px 20.8em;
	}
}
@media only screen and (min-width:1000px) {
	.m-project p {
		margin-left:24.5em;
	}
	.title {
		margin-left:20em;
	}
}