@charset "UTF-8";

/* -------------------------------------------------------------------------- */
/* Reset                                                                      */


html {
  font-family:				sans-serif; /* 1 */
  -ms-text-size-adjust:		100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body, html, h1, h2, h3, h4, h5, h5, ul, li, p {
	margin:					0;
	padding:				0;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:				block;
	}

audio, canvas, progress, video {
	display:				inline-block; /* 1 */
	vertical-align:			baseline; /* 2 */
	}

audio:not([controls]) {
	display:				none;
	height:					0;
	}

[hidden], template {
	display:				none;
	}

a {
	background:				transparent;
	}

a:active, a:hover {
	outline:				0;
	}

abbr[title] {
	border-bottom:			1px dotted;
	}

b, strong {
	font-weight:			bold;
	}

dfn {
	font-style:				italic;
	}

h1 {
	font-size:				2em;
	margin:					0.67em 0;
	}

mark {
	background:				#ff0;
	color:					#000;
	}

small {
	font-size:				80%;
	}

sub, sup {
	font-size:				75%;
	line-height:			0;
	position:				relative;
	vertical-align:			baseline;
	}

sup {
	top:					-0.5em;
	}

sub {
	bottom:					-0.25em;
	}

img {
	border:					0;
	}

svg:not(:root) {
	overflow:				hidden;
	}

figure {
	margin:					1em 40px;
	}

hr {
	-moz-box-sizing:		content-box;
	box-sizing:				content-box;
	height:					0;
	}

pre {
	overflow:				auto;
	}

code, kbd, pre, samp {
	font-family:			monospace, monospace;
	font-size:				1em;
	}

button, input, optgroup, select, textarea {
	color:					inherit; /* 1 */
	font:					inherit; /* 2 */
	margin:					0; /* 3 */
	}

button {
	overflow:				visible;
	}

button, select {
	text-transform:			none;
	}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance:		button; /* 2 */
	cursor:					pointer; /* 3 */
}

button[disabled], html input[disabled] {
	cursor:					default;
	}

button::-moz-focus-inner, input::-moz-focus-inner {
	border:					0;
	padding:				0;
	}

input {
	line-height:				normal;
	}

input[type="checkbox"], input[type="radio"] {
	box-sizing:				border-box;
	padding:				0;
	}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height:					auto;
	}

input[type="search"] {
	-webkit-appearance:		textfield; /* 1 */
	-moz-box-sizing:		content-box;
	-webkit-box-sizing:		content-box; /* 2 */
	box-sizing:				content-box;
	}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:		none;
	}

fieldset {
	border:					1px solid #c0c0c0;
	margin:					0 2px;
	padding:				0.35em 0.625em 0.75em;
	}

legend {
	border:					0;
	padding:				0;
	}

textarea {
	overflow:				auto;
	}

optgroup {
	font-weight:			bold;
	}

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

td, th {
	padding:				0;
	}
	
/* -------------------------------------------------------------------------- */
/* Style                                                                      */

html, body {
	width:					100%;
	}

body {
	font-family:			Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	padding:				0;
	color:					#333333;
	font-size:				18px;
	}
	
h1, h2 {
	font-weight:			normal;
	}
	
h1 {
	font-size:				1.6em;
	margin:					0;
	padding:				0 0 2.5vw 0;
	}
	
h2 {
	font-size:				1.3em;
	margin:					0 0 0.6em 0;
	}
	
ul {
	list-style-type:		none;
	padding:				0 0 2.5vw 0;
	margin:					0;
	}
	
.photos, ul {
	font-size:				0;
	}
	
ul li {
	padding:				0;
	margin:					0 0 1em 0;
	font-size:				18px;
	}
	
li a {
	color:					#333333;
	text-decoration:		none;
	border-bottom:			1px solid #e0e0e0;
	-webkit-transition:		border-bottom 300ms; /* Safari */
	transition:				border-bottom 300ms;
	}
	
li a:hover {
	border-bottom:			1px solid #999999;
	}
	
.photo {
	-webkit-transition:		opacity 300ms; /* Safari */
	transition:				opacity 300ms;
	}
	
.photo:hover {
	opacity:				0.5;
	}

	
/* -------------------------------------------------------------------------- */
/* Desktop                                                                    */
	
	
@media screen and (min-width: 801px) {

	body {
		margin:					3vw 0 0 0;
		}
	
	.column {
		text-align:				right;
		display:				inline-block;
		vertical-align:			top;
		}
	
	.links {
		text-align:				left;
		width:					27vw;
		padding:				0 3vw 0 3vw;
		}
	
	.photos {
		width:					64vw;
		}
	
	.subcolumn {
		display:				inline-block;
		float:					left;
		width:					50%;
		}
	
	img {
		margin:					0 0 3vw 0;
		width:					calc(100% - 3vw);
		height:					auto;
		}
		
}



/* -------------------------------------------------------------------------- */
/* Tablet                                                                     */
	
	
@media screen and (max-width: 800px) {

	body {
		margin:					3vw 0 0 0;
		}

	.parts {
		display:				inline-block;
		vertical-align:			top;
		margin:					0 0 4vw 0;
		width:					47.5vw;
		}
	
	.column {
		display:				block;
		vertical-align:			top;
		}
	
	.links {
		width:					96vw;
		margin-left:			4vw
		}
	
	.photos {
		width:					96vw;
		margin-left:			4vw
		}
	
	.subcolumn {
		display:				inline-block;
		float:					left;
		width:					50%;
		}
	
	img {
		margin:					0 0 4vw 0;
		width:					calc(100% - 4vw);
		height:					auto;
		}
		
}



/* -------------------------------------------------------------------------- */
/* Mobile                                                                     */


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

	body {
		margin:					5vw 0 0 0;
		}

	.parts {
		display:				inline;
		margin:					0 0 5vw 0;
		width:					90vw;
		}
	
	.column {
		display:				block;
		vertical-align:			top;
		}
	
	.links {
		width:					95vw;
		margin-left:			5vw
		}
	
	.photos {
		width:					95vw;
		margin-left:			5vw
		}
	
	.subcolumn {
		display:				inline-block;
		float:					none;
		width:					100%;
		}
	
	img {
		margin:					0 0 5vw 0;
		width:					calc(100% - 5vw);
		height:					auto;
		}
	
}