/* personal summary */
.personal-summary {
	background: #eee;
	.container {
		display: grid;
	}
	img {
		width: 100%;
		height: auto;
		max-width: 400px;
		justify-self: center;
		margin-bottom: 1em;
	}
	h2 {}
	p {}
	em {font-weight: 700;}
	@media (min-width: 600px) {
		.container {
		grid-template-rows: auto 1fr;
		grid-template-columns: minmax(40ch,65ch) minmax(160px,1fr);
		grid-template-areas:
			"title image"
			"blurb image";
		grid-gap: 0 1em;
		}
		img {grid-area: image;}
	}
}

.cta {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	width: 100%;
	a {
		display: flex;
		box-sizing: border-box;
		color: #00a3ff;
		text-decoration: none;
		justify-content: center;
		align-items: center;
		padding: 0.5em;
		border-radius: 4px;
		margin-bottom: 0.5em;
		transition: background 0.4s ease-in-out;
		i {margin-right: 0.5em;}
	}
	a:first-child {
		margin-right: 1em;
		background: #00a3ff;
		color: white;
	}
	a:not(:first-child) {
		border: 2px solid #00a3ff;
	}
	a:hover {background: rgba(#00a3ff,0.4)}
}

/* about logos */

.organization-logos {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	br {display: none;}
	img {
		flex-basis: 50%;
		width: 50%;
		height: 100%;
		padding: 1em;
		@media (min-width: 480px) {
			flex-basis: 25%;
			width: 25%;
		}
	}
	img:first-child, img:nth-child(3) {
		flex-basis: 100%;
		width: 100%;
		@media (min-width: 480px) {
			flex-basis: 50%;
			width: 50%;
			max-width: unset;
		}
	}
	margin-bottom: 2em;
}

/* contact section and footer */
#consultancy, #contact {background: #eee}
.h-card {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	max-width: 600px;
	background: white;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	border-radius: 2px;
	.u-photo {flex-grow: 1; flex-basis: 160px; width: 100%; height: auto;}
	.info {
		flex-grow: 1;
		padding: 1em;
		font-size: 1em;
		@media (min-width: 320px) {font-size: 1.2em;}
	}
	.p-name {font-size: inherit; font-weight: 700;}
}
.contact-methods {margin-bottom: 0.7em;}
.contact-method {line-height: 1.4}
.contact-method i {margin-right: 0.5em;}
.site-footer {
	background: #ddd;
	display: flex;
	flex-flow: column;
	align-items: center;
	hr {display: none;}
	.container {
		padding: 1em;
		.social-links {
			font-size: 2em;
			display: flex;
			flex-flow: row;
			justify-content: center;
			width: 100%;
			margin: 1em 0;
			.social-link {
				color: #333;
				transition: color 0.4s ease-in-out;
				margin-left: 0.5em;
				width: 1em;
				display: flex;
				justify-content: center;
				text-decoration: none;
				span {display: none;}
			}
			.social-link:first-child {margin-left: 0;}
			.twitter:hover {color: #1da1f2}
			.facebook:hover {color: #1778f2}
			.linkedin:hover {color: #0e76a8}
		}
		p {
			text-align: center;
			line-height: 1.2;
			a {color: inherit; font-weight: 700; transition: color 0.4s ease-in-out}
			a:hover {color: #00a3ff}
		}
	};
}