@font-face {
    font-family: 'gudearegular';
    src: url('../fonts/gudea-regular-webfont.eot');
    src: url('../fonts/gudea-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gudea-regular-webfont.woff') format('woff'),
         url('../fonts/gudea-regular-webfont.ttf') format('truetype'),
         url('../fonts/gudea-regular-webfont.svg#gudearegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gudeabold';
    src: url('../fonts/gudea-bold-webfont.eot');
    src: url('../fonts/gudea-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gudea-bold-webfont.woff') format('woff'),
         url('../fonts/gudea-bold-webfont.ttf') format('truetype'),
         url('../fonts/gudea-bold-webfont.svg#gudeabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gudeaitalic';
    src: url('../fonts/Gudea-Italic-webfont.eot');
    src: url('../fonts/Gudea-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gudea-Italic-webfont.woff') format('woff'),
         url('../fonts/Gudea-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Gudea-Italic-webfont.svg#gudeabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: 'gudearegular', sans-serif;   
}

ul {
    list-style-type: none;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'gudearegular', sans-serif;   
}

strong {
	font-family: 'gudeabold', sans-serif;
	font-weight: normal;
}

em, .note {
	font-family: 'gudeaitalic', sans-serif;
	font-style: normal;
}

a.text_link {
	color: inherit !important;
	border-bottom: 1px dotted #5e4553;
}
.lightbox_page a.text_link:hover {
	background-color: #b9b0b4;
}
.main_text a.text_link:hover {
	background-color: #e4e0e2;
}


body > .row {
    min-width: 73%;
}

.column, .columns {
    padding-left: 0.5675em;
    padding-right: 0.5675em;
}

.align-left {
	float: left !important;
}

.clear-left {
	clear: left !important;
}

header {
    margin-top: 3em !important;   
}

#logo_menu ul, #secondary_menu ul, #tag_menu ul {
	margin-left: 0 !important;
}

#logo a {
    cursor: pointer;
}
#logo img {
    width: 5.8em;
    height: auto;
}
#logo a:hover img {
	opacity: 0.5;
}

#secondary_menu {
	margin-top: 1.2em;
}

#secondary_menu ul {
	display: inline;
    height: auto !important;
    width: auto;
	float: right !important;
}

#secondary_menu li {
	float: left;
	padding-left: 1.5em;
}

#secondary_menu a {
	color: #b8a6af;
    padding: 0;
    padding-left: 0;
    font-size: 0.85em;
    font-weight: normal;
    background: none;
    text-transform: lowercase;
}

#secondary_menu a:hover {
	color: #5e4553;
}

#secondary_menu .active {
	cursor: default;
	color: #5e4553;
}

#project_nav ul {
	position: absolute;
	width: 83.5%;
	margin-left: -4.25%;
	top: 15.5em;
}
#project_nav li {
	width: 2.5%;
}
#project_nav li img {
	width: 100%;
	opacity: 0.15;
}
#project_nav a:hover img {
	opacity: 0.45;
}
#project_nav #previous {
	float: left;
}
#project_nav #next {
	float: right;
}

/*
.project_page #secondary_menu {
	margin-top: 3em;
}
*/

#tag_menu #home {
	padding-top: 0.7em;
}
#tag_menu #home li, #tag_menu_mobile #home li {
	float: left;
}
#tag_menu #home #tag_accessibility {
	width: 36.17%;
	margin-right: 2.34%;
}
#tag_menu #home #tag_education {
	width: 27.94%;
	margin-right: 2.34%;
}
#tag_menu #home #tag_connection {
	width: 31.21%;
}
#tag_menu #home #tag_interaction {
	width: 30.65%;
	margin-right: 2.34%;
	clear: left;
	margin-left: 9%;
}
#tag_menu #home #tag_design {
	width: 18.35%;
	margin-right: 2.34%;
	cursor: default !important;
}
#tag_menu #home #tag_research {
	width: 24.75%;
}
#tag_menu #home #tag_photography {
	width: 34.47%;
	margin-right: 2.34%;
	clear: left;
	margin-left: 15%;
}
#tag_menu #home #tag_graphic {
	width: 20.73%;
	margin-right: 2.34%;
}
#tag_menu #home #tag_writing {
	width: 19.95%;
}
#tag_menu #tag_accessibility img, #tag_menu #tag_connection img, #tag_menu #tag_graphic img {
	opacity: 0.25;
}
#tag_menu #tag_education img, #tag_menu #tag_photography img, #tag_menu #tag_writing img {
	opacity: 0.15;
}
#tag_menu #tag_interaction img, #tag_menu #tag_research img {
	opacity: 0.47;
}
#tag_menu a:hover img {
	opacity: 0.65 !important;
}
#tag_menu li#tag_design:hover {
	opacity: 1 !important;
}
#tag_menu_mobile ul {
	margin-left: 0;
}
#tag_menu_mobile img {
	opacity: 0.25;
}
#tag_menu .tag_active img, #tag_menu .tag_active:hover img, #tag_menu .tag_active:focus img, #tag_menu_mobile .tag_active img, #tag_menu_mobile .tag_active:hover img, #tag_menu_mobile .tag_active:focus img  {
	opacity: 1 !important;
}


#contact_page #tag_menu {
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
}
#tag_menu #thanks li {
	display: inline-block;
	margin-right: 0.7em;
}
#tag_menu #thanks img {
	height: 3em;
	width: auto;
	opacity: 0.25;
}
#contact_page h3 {
	font-size: 1.1rem;
	font-family: 'gudeabold', sans-serif !important;
	margin-bottom: 1.5em;
}

#logo_menu .tag {
	height: 0.5em;
	display: inline-block;
	margin-right: 0.2em;
	padding-top: 0.15em;
}
#logo_menu .tag img {
	height: 1.375em;
	opacity: 0.25;
	margin-top: -0.6em;
}
#logo_menu .tag a:hover img {
	opacity: 0.5;
}


#project_list {
	margin-top: 3.25em;
}
#tag_page #project_list {
	margin-top: 2em;
}
#project_list a {
	display: block;
}
#project_list li {
	margin-bottom: 3em;
}
#project_list a:hover h2 {
	background: #5e4553;
	color: #ffffff;
}
#project_list a:hover img {
	opacity: 0.5;
}
#project_list a:hover {
	background: #5e4553;
}
#project_list h2 {
	color: #5e4553;
	font-size: 1rem;
	line-height: 1.25rem;
	padding-left: 1rem;
	padding-top: 1.1rem;
	background: #e4e0e2;
	margin-top: 0;
	text-transform: lowercase;
	height: 4.65rem;
}
#project_list strong {
	display: block;
	font-size: 1.35rem;
}
#project_list li:last-child {
	float: left !important;
}


.page h1 {
	letter-spacing: -0.035rem;
	line-height: 3.5rem;
	font-size: 3.2rem;
	color: #b9b0b4;
	padding-bottom: 0.4em;
}
.page h1 strong {
	display: block;
	color: #5e4553;
}
.page header h2 {
	font-size: 1.45rem;
	line-height: 1.95rem;
	letter-spacing: -0.01rem;
}
#entre_nous_page h2 strong {
	display: block;
}
.page .main_text {
	clear: left;
	float: left !important;
	margin-bottom: 1.3em;
}
.page .main_text p {
	line-height: 1.55;
	background: #e4e0e2;
	padding: 1.5em 1.5em 0;
	margin-bottom: 0;
	font-size: 1.1rem;
}
.page .main_text p:last-child {
	padding-bottom: 1.5em;
}

.page footer p {
	color: #a89aa1;
	font-size: 0.87rem;
	line-height: 1.1rem;
	margin-bottom: 0.5rem;
}

#contact_page h2 {
	color: #b9b0b4;
}
#contact_page h2 strong {
	display: block;
	color: #5e4553;
}

input[type="text"], input[type="email"], textarea {
	border: none !important;
	background: #f2f0f2 !important;
	color: #5e4553 !important;
	font-size: 1.1rem !important;
    line-height: 1.55rem !important;
	box-shadow: none;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
	background-color: #e4e0e2 !important;
}

input[type="submit"] {
	background-color: #e4e0e2 !important;
	font-family: 'gudeabold', sans-serif !important;
	font-size: 1.1rem !important;
	color: #5e4553 !important;
	border: none !important;
	padding: 0.6em !important;
	cursor: pointer !important;
}

input[type="submit"]:hover {
	background-color: #5e4553 !important;
	color: #ffffff !important;
}

#contact_page .main_text, #contact_page .image_gallery {
	margin-top: 3.5em;
}

#contact_page .image_gallery p {
	color: #ffffff;
}

.award {
	background: url('../img/award_icon.svg') left center no-repeat;
	background-size: 1.25em;
	padding-left: 2em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.main_images iframe {
	width: 100% !important;
	margin-bottom: 1em;
	padding-left: 0;
	padding-right: 0;
}
#cartography_page .main_images iframe, #spacegraphs_page .main_images img {
	border: 1px solid #e4e0e2;
}

.main_images img {
	margin-bottom: 1.5em;
	width: 100%;
}

.image_gallery ul, .image_gallery h3 {
	background: #5e4553;
}
.image_gallery ul {
	margin-left: 0;
	padding: 1em 1em 0.5em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5em; 
}
  .image_gallery ul:before, .image_gallery ul:after {
    content: " ";
    display: table; }
  .image_gallery ul:after {
    clear: both; }
.image_gallery h3 {
	color: #ffffff;
	margin-bottom: 0;
	padding: 1.2em 1.2em 0.4em;
	font-family: 'gudeabold', sans-serif;
	font-size: 1.3rem;
	margin-top: 0;
}
.image_gallery li {
	margin-bottom: 1.2em;
}
.image_gallery li, .image_gallery li:last-child {
	float: left !important;
}
.image_gallery a:hover img {
	opacity: 0.4;
}
.image_gallery img {
	width: 100%;
}
.image_gallery .text_only li {
	padding-top: 0.5em;
}
.image_gallery .text_only strong {
	font-family: 'gudeabold', sans-serif;
}
.image_gallery .text_only a:hover {
	background-color: #8f7c86;
	color: #ffffff !important;
}
.image_gallery .external_link a {
	background: url('../img/link_icon.svg') left center no-repeat;
	background-size: 12%;
	padding-left: 2.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.image_gallery .email p {
	background: url('../img/email_icon.svg') left center no-repeat;
	background-size: 6%;
	padding-left: 2.75em;
	padding-top: 0.25em;
	padding-bottom: 0;
	margin-bottom: 0;
}

.lightbox_page {
	background: #e4e0e2;
}
.lightbox_page header {
	margin-bottom: 1.3em;
	margin-top: 0 !important;
}
.lightbox_page h1 {
	font-family: 'gudeabold', sans-serif;
	font-size: 1.5rem;
	padding-left: 0;
	padding-right: 0;
}
.lightbox_page h2 {
	font-family: 'gudeabold', sans-serif;
	font-size: 1rem;
	line-height: 2.4rem;
	padding-left: 0;
	padding-right: 0;
	color: #b9b0b4;
	text-align: right;
}
.lightbox_page h2 .pagination {
	padding-left: 0.8rem;
	padding-right: 0;
	font-family: 'gudearegular', sans-serif;
}
.lightbox_page h2 span {
	display: inline !important;
}
.lightbox_page p {
	font-size: 0.9rem;
	line-height: 1.2rem;
}
.vertical_img figure {
	margin: 0 !important;
}
.vertical_img figure img  {
	padding-right: 0;
	padding-bottom: 2.5rem;
}
.vertical_img figure figcaption {
	padding-left: 0;
}
.secondary_img {
	padding-bottom: 2.5rem;
}
.horizontal_img figure {
	padding-left: 0.95em;
    padding-right: 0.95em;
}
.horizontal_img figcaption {
	padding-top: 2em;
	float: left !important;
	padding-bottom: 1em;
}
.no_caption figure {
	padding-bottom: 2.3em;
}
.reveal-modal-bg {
    background: none repeat scroll 0 0 rgba(94, 69, 82, 0.8);
}
.reveal-modal {
	margin-top: -8.5%;
	border: none;
	padding: 1.875rem 1.875rem 0;
}
.modal_nav {
	position: fixed !important;
}
.modal_nav a {
	line-height: 70em;
	display: block;
}
.modal_nav img {
	width: 100%;
	opacity: 0.3;
	vertical-align: top;
}
.modal_nav a:hover img, a.modal_nav:hover img {
	opacity: 1;
}
.lightbox_page .previous {
	left: 8.5%;
	width: 1.75em !important;
	top: 3.5em;
}
.lightbox_page .next {
	right: 8.5%;
    width: 1.75em !important;
	top: 3.5em;
}
.lightbox_page .close_modal a {
	right: 3%;
	top: 1.4em;
}
.lightbox_page .close_modal img {
	width: 0.875em !important;
}

#tag_page_title {
	padding-left: 0.2em;
}
#tag_page_title img {
	height: 1.75em;
	opacity: 0.25;
}

#page_footer p {
	font-size: 0.75rem;
	color: #b9b0b4;
	text-align: right;
	padding: 2.5em 0 0;
}

#mobile_menu > ul.active {
	margin-top: 0.5em;
}
#mobile_menu_toggle {
	margin-top: 0.5em;
	margin-left: 1.3em;
}
#mobile_menu_toggle img {
	float: right;
}
#mobile_menu ul {
	display: none;
	text-align: right;
	width: 100%;
	margin-left: 0;
	text-transform: lowercase;
}
#mobile_menu > ul {
	margin-bottom: 2.25em;
} 
#mobile_menu li {
	padding: 0.5em;
	padding-right: 1em;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	background: #f2f0f2;
}
#mobile_menu li:hover, #mobile_menu li:focus {
	background: #e4e0e2;
}
#mobile_menu a {
	display: block;
	width: 100%;
}
#mobile_menu #submenu_mobile {
	display: none;
}
#mobile_menu li.active #submenu_mobile {
	display: block;
}
#mobile_menu #submenu_mobile li {
	padding-right: none;
}
#mobile_menu a {
	color: #5e4553;
}
#mobile_menu ul.active {
	display: block;
}
#mobile_menu_toggle img {
	opacity: 0.3;
	width: 1.65em;
}
#mobile_menu_toggle.active img {
	opacity: 1;
}
.submenu_button {
	padding: 0 !important;
}
.submenu_button > a {
	padding: 0.5em;
	padding-right: 1.5em;
    width: 96% !important;
	display: block;
	background: url('../img/submenu_inactive_icon.svg') right 54% no-repeat;
	background-size: 0.63em;
}
li.active > a {
	background: url('../img/submenu_active_icon.svg') right 54% no-repeat;
	background-size: 0.63em;
	border-bottom: 1px solid #ffffff;
}
.tag_mobile_menu {
	background: #e4e0e2 !important;
}
.tag_mobile_menu:hover, .tag_mobile_menu:focus {
	background: #d7d0d4 !important;
}


#mobile_icon_menu ul {
	margin-left: 0;
	margin-top: 0.5em;
}
#mobile_icon_menu li {
	float: right;
}
#homepage #mobile_icon_menu li {
	width: 100%;
}
#back {
	border-right: 2px dotted #e4e0e2;
}
#back img {
    float: right;
    margin-right: 1.3em;
    opacity: 0.3;
    width: 1em;
}


/* "Small" styles */
@media only screen and (max-width: 40em) {
	.image_gallery img {
		width: 100%;
	}
	.page footer {
		margin-top: 1.7em;
	}
	#page_footer p {
		padding-left: 0.5675em;
		padding-right: 0.5675em;
	}
	body {
		padding-top: 6em;
	}
	body > .row {
		padding-left: 0.55em;
		padding-right: 0.55em;
	}
	body > header {
		padding-top: 1.6em !important;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 98;
		margin-top: 0 !important;
		background: #ffffff;
	}
	.sticky_header {
		box-shadow: 0 0 10px rgba(94, 69, 83, 0.5);
		padding-top: 1em !important;
	}
	.sticky_header #logo_menu {
		visibility: hidden;
	}
	.sticky_header #logo img {
		width: 3.8em;
	}
	article > header {
		margin-top: 0 !important;
		margin-bottom: 1.5em;
	}
	#tag_menu_mobile #home {
		padding-top: 0;
	}
	#tag_menu_mobile #home li {
		width: auto !important;
		clear: none !important;
		margin-left: 0 !important;
		margin-right: 1em !important;
		margin-bottom: 0.5em;
	}
	#tag_menu_mobile #home li img {
		height: 2.5em !important;
		width: auto !important;
	}
	#project_list {
		margin-top: 0;
	}
	#project_list li {
		margin-bottom: 0.8em;
	}
	#project_list h2 {
		line-height: 1.35rem;
		min-height: 4.65rem;
		height: auto;
		padding-bottom: 1rem;
	}
	#project_list img {
		width: 100%;
	}
	#tag_page_title {
		line-height: 0;
		margin-top: -0.73em;
		padding-left: 0.2em;
		padding-top: 0;
		margin-bottom: 0.6em;
	}
	#tag_page_title img {
		height: 0.68em;
		margin-left: 0.07em;
	}
	#tag_page #project_list {
		margin-top: 0.3em;
	}
	#logo_menu ul {
		margin-bottom: 1.5em;
	}
	#logo_menu .tag {
		display: none;
	}
	.page h1 {
		font-size: 2.5rem;
		line-height: 2.75rem;
	}
	.page .main_text p {
		padding: 1em 0.8em 0;
	}
	.page .main_text p:last-child {
		padding-bottom: 0.8em;
	}
	.image_gallery ul {
		padding: 0.5em 0.5em 0;
	}
	.image_gallery h3 {
		padding: 0.8em 0.8em 0.4em;
	}
#modal_menu {
	position: fixed;
	background: #5e4553;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3.75em;
	z-index: 99;
	box-shadow: 0 0 10px rgba(94, 69, 83, 0.7);
}
#modal_menu li {
	position: fixed;
}
.modal_nav a {
	line-height: 2em;
	display: block;
}
.modal_nav img {
	width: 100%;
	vertical-align: top;
}
.modal_nav a:hover img, a.modal_nav:hover img {
	opacity: 1;
}
.lightbox_page .previous {
	left: 1em;
	width: 1.3em !important;
	top: inherit;
	bottom: 0.75em;
}
.lightbox_page .next {
	left: 4em;
    width: 1.3em !important;
	top: inherit;
	bottom: 0.75em;
}
.reveal-modal .close-reveal-modal {
    position: relative;
    right: inherit;
    top: inherit;
}
.lightbox_page .close_modal {
	right: 1em;
	top: inherit;
	bottom: 0.75em;
	width: 1.3em !important;
}
.lightbox_page .close_modal a {
	right: 0.5em;
	top: inherit;
	bottom: 0.06em;
}
.lightbox_page .close_modal img {
    width: 0.6em !important;
}
.reveal-modal {
    margin-top: 20%;
	padding: 0.8rem 0.8rem 0;
}
.lightbox_page h2 span {
	display: none !important;
}
.lightbox_page h2 span.pagination {
	display: block !important;
}
.lightbox_page header {
    margin-bottom: 0.4em;
}
.horizontal_img figcaption {
    padding-bottom: 0;
    padding-top: 1em;
}
.lightbox_page p {
	margin-bottom: 0.8rem;
}
.secondary_img {
    padding-bottom: 1.2rem;
}
#motif_2 figure img:first-child {
	margin-bottom: 1.2em;
}
#contact_page .main_text {
	margin-top: 0;
}
#contact_page .image_gallery {
	margin-top: 1.5em;
}
.lightbox_page p {
    font-size: inherit;
    line-height: inherit;
}
	.reveal-modal {
		margin-top: 0;
	}	
}


/* "Small" styles - horizontal */
@media only screen and (max-width: 40em) and (orientation:landscape) {
	#modal_menu {
		background: none repeat scroll 0 0 rgba(94, 69, 82, 0.3);
		box-shadow: none;
	}
	#modal_menu img {
		opacity: 1;
	}
	.image_gallery li {
		width: 33.3333%;
	}
	.sticky_header {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
		top: inherit;
		bottom: 0;
	}
	.sticky_header #back img, .sticky_header #mobile_menu_toggle img {
		opacity: 0.7;
	}
	.sticky_header #back {
		border-right: 2px dotted #b9b0b4;
	}
}



/* "Medium" styles */
@media only screen and (min-width: 40.063em) and (max-width: 64.062em) {
	body > .row {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	header {
		margin-top: 1.75em !important;
	}
	.page .main_text p {
		background: none;
		padding: 0 0 1.5em 0;
	}
	.lightbox_page #modal_menu {
		position: absolute;
	}
	.lightbox_page header {
		margin-top: 0;
	}
	.lightbox_page .previous {
		left: 3em;
		width: 1em !important;
		top: 6.5em;
	}
	.lightbox_page .next {
		right: 3em;
		width: 1em !important;
		top: 6.5em;
	}
	.lightbox_page .close_modal a {
		right: 1.47em;
		top: 0.5em;
	}
	.lightbox_page .close_modal img {
		width: 0.5em !important;
	}
	.lightbox_page h1 {
		width: 50%;
	}
	.lightbox_page h2 {
		width: 33.3333%;
	}
	.vertical_img figure img {
		width: 66.6667%;
	}
	.vertical_img figure figcaption {
		 width: 33.3333%;
	}
	.reveal-modal-bg {
		background: none repeat scroll 0 0 rgba(94, 69, 82, 0.9);
	}
	#logo_menu .tag {
		height: auto;
	}
	#transverse_page .main_text {
		margin-top: -15em;
	}
	#cell_page .main_text {
		margin-top: -14.5em;
	}
	#cartography_page .main_text {
		margin-top: -13.5em;
	}
	#motif_page .main_text {
		margin-top: -19.5em;
	}
	#entre_nous_page .main_text {
		margin-top: -3em;
	}
	#archipel_page .main_text {
		margin-top: 2em;
	}
	#spacegraphs_page .main_text {
		margin-top: -0.75em;
	}
}


@media only screen and (min-width: 40.063em) and (max-width: 64.062em) and (orientation:landscape) {
	#transverse_page .main_text {
		margin-top: -19.5em;
	}
	#cell_page .main_text {
		margin-top: -22.5em;
	}
	#cartography_page .main_text {
		margin-top: -17em;
	}
	#motif_page .main_text {
		margin-top: -24.5em;
	}
	#entre_nous_page .main_text {
		margin-top: -8.5em;
	}
	#archipel_page .main_text {
		margin-top: -1em;
	}
	#spacegraphs_page .main_text {
		margin-top: -5.5em;
	}
	.lightbox_page .previous {
		left: 4em;
		width: 1.25em !important;
		top: 5em;
	}
	.lightbox_page .next {
		right: 4em;
		width: 1.25em !important;
		top: 5em;
	}
	.lightbox_page .close_modal a {
		top: 0.5em;
		right: 1.7em;
	}
	.lightbox_page .close_modal img {
		width: 0.5em !important;
	}
}




/* "Large" styles */
@media only screen and (min-width: 64.063em) {
	#transverse_page .main_text {
		margin-top: -21em;
	}
	#cell_page .main_text {
		margin-top: -23em;
	}
	#cell_page .page h2 {
		padding-right: 1.5rem;
	}
	#cartography_page .page h2 {
		padding-right: 2.5rem;
	}
	#cartography_page .main_text {
		margin-top: -15.5em;
	}
	#motif_page .main_text {
		margin-top: -23.5em;
	}
	#motif_page .page h1 {
		padding-right: 5.5rem;
	}
	#entre_nous_page .page h1 {
		padding-right: 3em;
	}
	#entre_nous_page .page header h2 {
		padding-right: 2.5em;
	}
	#entre_nous_page .main_text {
		margin-top: -9.5em;
	}
	#archipel_page .main_text {
		margin-top: -3.75em;
	}
	#archipel_page .page h1 em {
		display: block;
	}
	#about_page .main_text {
		margin-top: -16.5em;
	}
	#about_page header h2 {
		padding-right: 5em;
	}
	#spacegraphs_page .main_text {
		margin-top: -7.5em;
	}
	.page .main_text p {
		background: none;
		padding: 1.5em 1.5em 0 0;
	}
	.page .main_text p:last-child {
		padding-bottom: 0;
	}
	#tag_page #project_list {
		min-height: 28em;
	}
	.page footer {
		margin-top: 2em;
	}
	#contact_page #tag_menu {
		margin-bottom: 7.5em;
	}
	#mobile_menu_toggle:hover img, #mobile_menu_toggle:hover img {
		opacity: 1;
	}
	#about_page > article {
		margin-top: 1.8em;
	}
}