@import url('fonts.css');

/* ------------------------------------- =structure */

html {
	background: #fbf2df /* url('../_img/bg_1903_huge.jpg') fixed no-repeat */;
	background-size: cover;
	margin: 0;
	padding: 0;
}

body {
	color: rgba(255,255,255,0.5);
	font-family: 'Gotham';
	font-weight: 300;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

div.wrapper {
	margin: 0 auto;
	max-width: 860px;
}

header {
	clear: both;
	line-height: 1em;
	margin: 80px auto;
	padding: 0 40px;
	text-align: center;
}

section {
	line-height: 1em;
	margin: 40px auto 80px auto;
	padding: 0 40px;
	text-align: left;
	width: auto;
}


#connect {
	font-size: 1em;
	margin-bottom: -20px;
}

footer {
	clear: both;
	float: none;
	line-height: 1em;
	margin: 0 auto;
	padding: 2em 40px;
	text-align: left;
}

/* ------------------------------------- ^structure */

/* ------------------------------------- =text */

h1, h2, h3, h4, h5, h6 {
	color: rgba(0,0,0,0.7);
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 40px;
	text-transform: uppercase;
	text-align: center;
}

h1 {
	font-size: 4em;
}

h2 {
	font-size: 1.5em;
}

a {
	border-bottom: 0.09em solid rgba(8, 66, 102, 0.4);
	color: rgba(8, 66, 102, 0.8);
	text-decoration: none;
}

a:hover {
	border-bottom: 0.09em solid #0096f4;
	color: #0096F4;
	text-shadow: 0 0 0.05em rgba(255,255,255,0.1);
}

.artwork a {
	border: none;
}

/*

#connect a {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	color: rgba(0, 0, 0, 0.6);
	padding: 0.5em 1em;
}

#connect a:hover {
	border: 1px solid rgba(8, 66, 102, 0.6);
	color: rgba(8, 66, 102, 0.8);
	padding: 0.5em 1em;
}
*/

p {
	border: 0;
	color: rgba(0,0,0,0.7);
	font-size: 1em;
	font-weight: 300;
	line-height: 140%;
	margin: 0 0 1.5em 0;
	padding: 0;
}

footer p {
	border-top: 1px solid rgba(0,0,0,0.15);
	color: rgba(0,0,0,0.5);
	font-size: 0.75em;
	font-weight: 400;
	padding: 0.6em 0;
}

/* ------------------------------------- ^text */


ul {
	display: block;
	line-height: 120%;
	margin: 0 0 0 0;
	padding: 0;
	text-align: justify;
}

ul::after {width: 100%; display: inline-block; content: "."; visibility: hidden}

ul li {
	display: inline-block;
	font-size: 1.2em;
	font-weight: 300;
	margin: 0 0 1em 0;
	padding: 0;
}

.artwork {
	width: 100%;
	text-align: center;
}

.artwork a {
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
	margin: 0 auto;
	width: auto;
}

.artwork a:hover {
	-ms-transform: 		scale(1.05,1.05); /* IE 9 */
    -webkit-transform: 	scale(1.05,1.05); /* Safari */
    transform: 			scale(1.05,1.05);
	box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.6);
}


.animate,
.animate * {
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}