/*reh3_style.css*/
/*REH3  Website Design & Development*/
/*Copyright 2019 REH3*/

body {
	margin:0;
	padding:0;
	background:#C4C2B5;
	font-family: 'Open Sans', sans-serif;
	color:#837C4F;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Gochi Hand', cursive;
	color:#87171A;
}
h4 {
	margin:0;
	font-size:32px;
}
p {
	margin:0 0 30px;
	font-size:18px;
}

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

.container {
	margin:0 auto;
	width:100%;
	max-width:1200px;
}
/* Grid */
.row {
	display:flex;
	flex-wrap:wrap;
}
.col {
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.col.bio {
	display:block;
	padding:30px 10px 0;
}
.col-1 {flex-basis:8.33333%;}
.col-2 {flex-basis:16.66667%;}
.col-3 {flex-basis:25%%;}
.col-4 {flex-basis:33.33333%;}
.col-5 {flex-basis:41.66667%;}
.col-6 {flex-basis:50%;}
.col-7 {flex-basis:58.33333%;}
.col-8 {flex-basis:66.66667%;}
.col-9 {flex-basis:75%;}
.col-10 {flex-basis:88.33333%;}
.col-11 {flex-basis:91.66667%;}
.col-12 {flex-basis:100%}

header {
	margin:0;
	width:100%;
	border-bottom:3px solid rgba(0,0,0,0.05);
}
	.brand {
		margin:20px 0;
		width:400px;
	}
	.brand svg {
		width:100%;
		height:auto;
	}


.col img {
	width:98%;
	border:1% solid #fff;
	box-shadow:0 5px 10px rgba(0,0,0,0.25);
}

footer.container {
	padding:30px;
	font-size:12px;
}

/* Small screens */
@media only screen and (max-width:640px) {
	.container {padding:0 20px;}
	.brand {
		width:100%;
	}
	[class*='col-'] {flex-basis:100%;}
}