@import 'common.css';

article, nav {
	float: none;
	width: 100%;
}
header {
	margin-left: 0;
}
nav ul {
	padding-right: 0;
}
.right {
	display: none;
}
nav li:first-of-type {
	display: none;
}
nav li:nth-of-type(2) {
	line-height: 2.8em;
	border-top: none;
}

figure.opus {
	display: none;
}

/* DESKTOP */

@media all and (min-width: 769px) {
	
	header {
		margin-left: 196px;
	}
	article {
		float: right;
		width: calc(100% - 200px);
	}
	
	nav {
		float: right;
		width: 200px;
	}
	nav ul {
		padding-right: 2em;
	}
	nav li:first-of-type {
		display: block;
	}
	nav li:nth-of-type(2) {
		border-top: 1px solid #dcdcdc;
	}
	nav a {
		display: block;
	}
	figure.right {
		background-color: #1d3d55;
		width: 30%;
		max-width: 30%;
		border-bottom-right-radius: 0.4em;
		border-bottom-left-radius: 0.4em;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 0;
		-webkit-margin-start: 40px;
		-webkit-margin-end: 0;
		-moz-margin-before: 1em;
		-moz-margin-after: 0;
		-moz-margin-start: 40px;
		-moz-margin-end: 0;
		margin-top: 42px;
		display: block;
		float: right;
	}
	/*
	aside.right {
		width: 50%;
		max-width: 50%;
		margin-top: 42px;
		float: right;
	} */
	figure.right img {
		width: 100%;
		margin-bottom: -6px;
	}
	figure.right figcaption {
		color: #fdf6e3;
		background-color: #1d3d55;
		padding: 0.5em 0.5em 0;
		margin-top: 0;
		margin-bottom: 18px;
	}
	figure.right h6 {
		margin-top: 0;
		margin-bottom: 0;
		padding: 1em;
	}
	#contact figure.right {
		display: none;
	}
}

@media all and (min-width: 1000px) {
	figure.opus {
		display: block;
	}
	#contact figure.right {
		display: block;
	}
}

@media all and (min-width: 1200px) {
	#page {
		border-bottom-right-radius: 0.4em;
		border-bottom-left-radius: 0.4em;
	}
}