/* IMPORTED STYLESHEET */

@import url("reset.css");

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	color: #333;
	font-family: "jaf-domus", helvetica, arial, sans-serif;
	font-size: 80%;
	background-color: #fff;
}

h1 {
	margin: 0 0.25em 0 0;
	font-family: "almaq-refined", helvetica, arial, sans-serif;
	font-size: 2.25em;
	line-height: 1em;
	float: left;
}

h2 {
	margin: 0;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.25em;
}

h3 {
	margin: 0 0 0.25em;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
}

p {
	margin: 0 0 0.75em;
	font-size: 1em;
	line-height: 1.25em;
}

ul {
	overflow: hidden;
}

li {
	margin: 0 0 0.75em;
	font-size: 0.95em;
	line-height: 1.25em;
}

li:last-of-type {
	margin: 0;
}

img {
	max-width: 100%;
}

section .icon {
	font-size: 2em;
}

header .icon {
	font-size: 2em;
	fill: #333;
}

.icon-logo {
	width: 0.81em;
	height: 0.57em;
	opacity: 1;
}

.icon-work {
	width: 0.79em;
	height: 0.69em;
}

header .icon-work {
	margin: 0.3125em 0 0;
}

.icon-mentions {
	width: 0.90em;
	height: 0.80em;
}

header .icon-mentions {
	margin: 0.2325em 0 0;
}

.icon-experience {
	width: 0.60em;
	height: 0.80em;
}

header .icon-experience {
	margin: 0.25em 0 0;
}

.icon-activities {
	width: 0.47em;
	height: 0.80em;
}

header .icon-activities {
	margin: 0.1875em 0 0;
}

.icon-archive {
	width: 0.80em;
	height: 0.78em;
}

header .icon-archive {
	margin: 0.2em 0 0;
}

.icon-books {
	width: 0.58em;
	height: 0.75em;
}

.icon-videos {
	width: 0.80em;
	height: 0.59em;
}

.icon-audio {
	width: 0.68em;
	height: 0.80em;
}

.icon-games {
	width: 0.59em;
	height: 0.75em;
}

.icon-hobbies {
	width: 0.71em;
	height: 0.79em;
}

.icon-call {
	width: 0.76em;
	height: 0.76em;
}

.icon-email {
	width: 0.80em;
	height: 0.53em;
}

.icon-twitter {
	width: 0.81em;
	height: 0.65em;
}

.icon-instagram {
	width: 0.80em;
	height: 0.80em;
}

.icon-behance {
	width: 0.76em;
	height: 0.48em;
}

.visually-hidden {
	display: none;
}

#header {
	display: none;
}

nav {
	display: none;
}

main {
	padding: 0;
	display: block;
}

#profile, #work, #mentions, #experience {
	page-break-after: always;
}

li.client {
	page-break-inside: avoid;
}

#work header, #mentions header, #experience header, #activities header, #archive header {
	margin: 0 0 1.125em;
	overflow: hidden;
}

article {
	padding: 0 3.5em 0 0;
	overflow: hidden;
}

article:last-of-type {
	margin: 0;
	padding: 0 3.5em 2.5em 0;
}

article, article:last-of-type {
	max-width: 600px;
}

#work article:first-of-type ul {
	margin: 0 0 1.5em;
}

#profile img {
	margin: 0 0 0.5em;
	width: 5.6em;
}

#profile h1 {
	margin: 0 0 0.125em 0;
	float: none;
}

#profile h2.title {
	font-size: 1em;
}

#profile h2:first-of-type {
	margin: 0;
}

#profile article:nth-of-type(2) h2:first-of-type {
	margin: 0 0 0.5em;
}

#profile h3 {
	margin: 0 0 1em;
}

#mentions article:last-of-type {
	display: none;
}

article a {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}

article h2 a[rel="external"]:after {
	content: " - " attr(href);
	font-size: 0.75rem;
	line-height: 1.25rem;
}

li.skill, li.task, #activities ul li {
	margin: 0 0 0.25em 1.25em;
	list-style-position: outside;
	list-style-type: disc;
}

li.client {
	margin: 0 0 2em;
}

li.client:last-of-type {
	margin: 0;
	padding: 0;
	border: 0;
}

li.client h2 {
	font-size: 1.125em;
}

ul.sample-list {
	margin: 0;
}

li.sample {
	margin: 0 0.625em 0.625em 0;
	padding: 0;
	font-size: 0.875em;
	line-height: 0.875em;
	float: left;
}

li.sample a {
	padding: 0;
}

li.sample img {
	border: 1px solid #999;
	width: 5.65em;
	height: 5.65em;
	display: block;
}

li.job {
	margin: 0 0 1.5em;
}

li.job:last-of-type {
	margin: 0;
}

ul.hobby-list:last-of-type {
	margin: 0;
}

h2.employer {
	font-size: 1.125em;
}

#activities h2 {
	margin: 0 0.25em 0.25em 0;
	float: left;
}

#activities ul {
	margin: 0 0 2em;
	clear: both;
}

#activities ul.hobby-list {
	margin: 0;
}

footer {
	padding: 0.625em 0 0;
}

footer p {
	margin: 0 0 1em;
	font-size: 0.75em;
	line-height: 1.4em;
}