html {
	box-sizing: border-box;
}

*:before,
*,
*:after {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
}

::-moz-selection {
	background-color: #bfdcea;
}
::selection {
	background-color: #bfdcea;
}

:root {
	--color-black: rgba( 109, 109, 109, 1 );
	--color-white: rgba( 255, 255, 255, 1 );
}


/*
 * ----- Typography
 */
/* base: 1em */
/* ratio: 1.15 */
h1, h2, h3, h4, h5, h5, h6, p, small { box-sizing: content-box; margin-bottom: 1rem; color: var(--color-black); }
h6 { max-width: 30ch; }
p { max-width: 28ch; }
.h1 { font-size: 2.313em; }
.h2 { font-size: 2.011em; }
.h3 { font-size: 1.749em; }
.h4 { font-size: 1.521em; }
.h5 { font-size: 1.322em; }
.h6 { font-size: 1.15em; line-height: 1.5; }
.p { font-size: 1em; line-height: 1.7; }
.small { font-size: 0.87em; }
@media ( min-width: 641px ) {
	h6 { max-width: 50ch; }
	p { max-width: 51ch; }
	.h1 { font-size: 3.238em; }
	.h2 { font-size: 2.816em; }
	.h3 { font-size: 2.449em; }
	.h4 { font-size: 2.129em; }
	.h5 { font-size: 1.851em; }
	.h6 { font-size: 1.61em; }
	.p { font-size: 1.4em; }
	.small { font-size: 1.217em; }
}

h6.place-left,
p.place-left,
small.place-left {
	margin-left: 0;
	margin-right: auto;
}
h6.place-right,
p.place-right,
small.place-right {
	margin-left: auto;
	margin-right: 0;
}
h6.place-center,
p.place-center,
small.place-center {
	margin-left: auto;
	margin-right: auto;
}


img {
	max-width: 100%;
	height: auto;
}
	img.allow-scale {
		max-width: none;
		width: 100%;
	}

iframe {
	border: none;
}


.container-main-content-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*align-items: center;*/
	min-height: 100vh;
}

.container-content .copy {
	position: relative;
	z-index: 1;
}
.container-main-content-section .copy > * {
	font-weight: 100;
	word-wrap: break-word;
	text-align: justify;
}

.container-content-segment {
	margin: 0 auto;
	max-width: 17.1rem;
}

.container-main-content-section .embed {
	/*max-width: 17.1rem;*/
}
.container-main-content-section .embed.place-center {
	margin-left: auto;
	margin-right: auto;
}
@media ( min-width: 641px ) {
	.container-content-segment {
		max-width: 40rem;
	}
	.container-main-content-section .embed {
		/*max-width: 40rem;*/
	}
}


.container-main-content-section .project .title {
	/*margin-bottom: 0;*/
}
.container-main-content-section .project .title {
	color: rgba( 69, 69, 69, 0.69 );
	text-align: right;
	font-size: 0.71rem;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-top: 0.5rem;
	margin-right: 0.1rem;
}