/* Google Fonts */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
/*@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900");*/

/* // EDIT CORRESPONDING SECTIONS TO ALIGN WITH CHOSEN FONT AND WEIGHT:  // */
/* // TYPE:BODY,H1-H6,STRONG,B // */

/*-----------------------------------*/

html, body, div, span, h1, h2, 
h3, h4, h5, h6, p, blockquote, 
a, em, img, samp, small, strike, 
strong, b, u, i, center, ul, li, 
tr, th, td, article, embed, 
footer, header, section, audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, footer, header, section {
	display: block;
}

body {
	line-height: 1;
}

body {
	-webkit-text-size-adjust: none;
}

/* Extra */

video,
img {
	position: fixed;
/*	bottom: 0;
	right: 0;
*/	min-width: 100%;
	min-height: 100%;
}
audio {
	position: absolute;
	z-index: 1000;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5%;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(102,102,102,.5);
}
/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	html {
		height: 100%;
	}

	html {
		box-sizing: border-box;
	}

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

	body {
		background: rgba(255,255,255,1);
		height: 100%;
		min-width: 320px;
	}

/* Type */

	body {
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		font-size: 18pt;
		line-height: 1.75em;
		color: rgba(0,0,0,1);
		letter-spacing: 0.025em;
	}

		@media screen and (max-width: 1920px) {

			body {
				font-size: 17pt;
			}

		}

		@media screen and (max-width: 1680px) {

			body {
				font-size: 15pt;
			}

		}

		@media screen and (max-width: 1280px) {

			body {
				font-size: 13pt;
			}

		}

		@media screen and (max-width: 1000px) {

			body {
				font-size: 13pt;
			}

		}

		@media screen and (max-width: 736px) {

			body {
				font-size: 12pt;
				line-height: 1.5em;
			}

		}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
		color: inherit;
		letter-spacing: -0.0325em;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 2.25em;
		line-height: 1.25em;
		letter-spacing: -0.05em;
	}

	@media screen and (max-width: 736px) {

		h1 {
			font-size: 1.5em;
		}

	}

	strong, b {
		font-weight: 700;
		color: inherit;
	}

	em, i {
		font-style: italic;
	}

	a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		color: inherit;
		text-decoration: none;
	}

	hr {
		border: 0;
		border-top: solid 1px #000000;
	}

	blockquote {
		border-left: solid 0.5em #000000;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul {
		margin-bottom: 1em;
	}

/* Sections/Article */

	header {
		margin-bottom: 1em;
	}

		header p {
			display: block;
			margin: 1em 0 0 0;
			padding: 0 0 0.5em 0;
		}

	footer {
		margin-top: 2em;
	}

/* Main */

	.main {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		position: relative;
		margin: 0;
		overflow-x: hidden;
	}

		.main > .content {
			width: 45em;
			max-width: calc(100% - 4em);
			margin: 0 auto;
		}

			.main > .content > :last-child {
				margin-bottom: 0;
			}

		.main.fullscreen {
			min-height: 100%;
		}

		.main.style1 {
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			text-align: center;
			padding: 3em 0 3em 0;
		}

			.main.style1 h1 {
				font-size: 4.25em;
				line-height: 1em;
			}

			.main.style1 > .content {
				-moz-transition: opacity 1s ease;
				-webkit-transition: opacity 1s ease;
				-ms-transition: opacity 1s ease;
				transition: opacity 1s ease;
				-moz-transform: translateZ(0);
				-webkit-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
				opacity: 1.0;
				margin: 0;
			}

			.main.style1.inactive > .content {
				opacity: 0;
			}

		body.is-touch .main {
			background-attachment: scroll !important;
		}

		@media screen and (max-width: 736px) {

			.main > .content br {
				display: block !important;
			}

			.main.fullscreen {
				height: auto !important;
			}

			.main.style1 {
				padding: 4em 15px 4em 15px;
			}

				.main.style1 h1 {
					font-size: 3em;
				}
		}

		@media screen and (max-width: 480px) {

			.main > .content {
				max-width: calc(100% - 1.5em);
			}

		}