* {
	box-sizing: border-box;
	font-family: Avenir, Arial, Helvetica, sans-serif;
}

html {
	max-width: 100vw;
}

body { 
	border: 0em; 
	margin: 0em; 
	padding: 0em; 
	background-color: #fff; 
	overflow-x: hidden;
	max-width: 100vw;
}

#footer {
	padding: 0.5rem;
	font-size: 0.8rem;
	color: #666;
}

hr {
	border: 0;
	border-bottom: 1px solid cyan;
	width: 110vw;
}

	hr.down {
		transform: rotate(2deg);
	}

	hr.up {
		transform: rotate(-1deg);
	}

#header {
	z-index: 100;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	z-index: 1000;
	position: absolute; 
	left: 0; right: 0;
	align-items: flex-start;
	padding-top: 0.75rem;
}

	#header #title-long, #header #title-short {
		display: inline-block;
		vertical-align: middle;
		color: #000;
	}

	#header div {
		font-size: 0.8rem;
		color: rgba(0,0,0,0.75);
		mix-blend-mode: multiply;
	}

	#header a, #header span {
		text-decoration: none;
		margin-left: 0.25rem;
	}

	#header #title-long {
		font-size: 1.5rem;
	}

	#header #title-short {
		display: none;
		font-size: 2.3rem;
	}
	
#hero {
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: stretch;
}

	#hero > div {
		flex-grow: 1;
	}





fieldset {
	display: inline-block;
	width: 200px;
	min-height: 17rem;
	margin: 10px;
	padding: 0;
	border: none;
	font-size: 0.8rem;
	text-align: left;
	vertical-align: top;
}

fieldset:last-of-type {
	border-right: none;
}

	fieldset legend {
		text-transform: uppercase;
		color: #000;
		font-size: 0.8rem;
		font-weight: bold;
		padding: 0 0 9px 0;
		width: 100%;
	}

	fieldset span {
		display: block;
		padding: 0 0 9px 0;
		color: #666;
		font-size: 0.7rem;
	}

	fieldset tt {
		display: block;
	}

	fieldset a {
		display: block;
		text-decoration: none;
		color: auto;
		font-size: 0.9rem;
	}

		fieldset a:hover {
			text-decoration: underline;
		}

.contact-info {
	display: inline-block;
}

@media all and (max-width: 700px) {
	.contact-info {
		display: none !important;
	}
	
	#header #title-short {
		display: inline-block;
	}

	#header #title-long {
		display: none;
	}
	
	fieldset {
		display: block;
		width: 100%;
		font-size: 1rem;
		border-right: none;
		min-height: 5rem;
		margin: 0;
		padding: 0 1rem;
	}

		fieldset legend {
			font-size: 1rem;
			font-weight: bold;
			padding: 0.75rem;
			text-align: center;
		}

		fieldset > span {
			font-size: 0.9rem;
			padding-top: 15px;
			border-bottom: 1px solid #eee;
		}

		fieldset > span:last-child {
			border-bottom: 0px solid #eee;
		}

		fieldset a {
			font-size: 1rem;
		}
		
	#footer {
		font-size: 1rem;
	}
}