/*
Master Stylesheet
Last Updated: 2018-10-09
Author: Sandy Campbell - http://sandycampbell.design
*/

/*
iPad Pro L	1366x1024
iPad Pro P	1024x1366

iPad L		1024x768
iPad P		768x1024

iPhone XS Max L	2688x1242
iPhone XS Max P	1242x2688

iPhone XS L	2436x1125
iPhone XS P	1125x2436

iPhone 8+ L	960x540
iPhone 8+ P	540x960

iPhone 8 L	667x375
iPhone 8 P	375x667

iPhone 5 L	568x320
iPhone 5 P	320x568

iPhone 4 L	480x320
iPhone 4 P	320x480
*/

/* basic reset styles
-------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
article, aside, details, figcaption, .caption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

a
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*
self-clear floats
--------------------------------------------- */

.group:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a
{
	-o-transition: color .1s;
	-ms-transition: color .1s;
	-moz-transition: color .1s;
	-webkit-transition: color .1s;
	transition: color .1s;
	outline: 0px none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-user-select: none;
}

/* header
--------------------------------------------- */

header
{
	display: block;
	width: 100vw;
}

.masthead
{
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

header figure img { width: 100%; }

@media (min-width: 1280px)
{
	.masthead
	{
		max-width: 1280px;
		height: 40vh;
	}
	
	.masthead figure
	{
		width: 25vw;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 4em;
		padding-top: 4em;
	}
}

@media (max-width: 1279px)
{
	.masthead
	{
		width: 90vw;
		height: 45vh;
	}
	
	.masthead figure
	{
		width: 30vw;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 4em;
		padding-top: 4em;
	}
}

@media (max-width: 768px)
{
	.masthead
	{
		width: 100vw;
		height: 50vh;
	}
	
	.masthead figure
	{
		width: 50vw;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 7.5em;
		padding-top: 7.5em;
	}
}

@media (max-width: 540px)
{
	.masthead
	{
		width: 100vw;
		height: 100vh;
	}
	
	.masthead figure
	{
		width: 75vw;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 14em;
		padding-top: 14em;
	}
}

@media (max-width: 320px)
{
	.masthead
	{
		width: 90vw;
		height: 100vh;
	}
	
	.masthead figure
	{
		width: 100vw;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 14em;
		padding-top: 14em;
	}
}

/*
footer
--------------------------------------------- */

footer
{
	width: 100vw;
	display: block;
	float: left;
	clear: both;
}

footer p
{
	width: 100vw;
	font-size: .75rem;
	color: #888;
	padding-top: 2rem;
	padding-bottom: 4rem;
}