@media (max-width: 540px) {
	.category_mobile {
  	display: block;}
  	.category_mobile ul {
  		margin-bottom: 0;
  		padding-bottom: 2rem;
  	}
 	.category_desktop {
  	display: none;}
  	.index_portfolio {
		width: 48%;
		margin-left: 4%	}
	.index_portfolio:first-child {
		margin-left: 0;	}
}


@media (min-width: 550px) {
  .container {
    width: 85%;}
  .category_desktop {
  	display: block;}
  .category_mobile {
  	display: none;}
}

@media (min-width: 750px) {
  .container {
    width: 80%; 
	}
}


.header {
	padding-bottom: 0px;
	border-bottom: 1px solid #d1d1d1;
}


.langue {
	text-align: right;
	font-weight: 400;

	
}
body {
	font-family: "fira sans",sans-serif;
	background-color: #f0f0f0;
}

p {
	font-weight: 300;

}


/*.three.columns {
	background: yellow;
}
.nine.columns {
	background: orange;
}
*/
.menu_nav {margin-top: 1rem;}
nav {
	text-align: right;
}
nav ul {
	margin-bottom: 0rem;
}
.inline {
	display: inline;
}
nav a, .langue {
	text-transform: uppercase;
	font-size: 1.2rem;
}

@media (min-width: 400px) {
nav a, .langue {
	text-transform: uppercase;
	font-size: 1.2rem;
	}
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0rem;
}

a, .langue {
	color: #7e7e7e;
	text-decoration: none;
	padding: 0px 2px;
}
a:hover, .selected, .langue:hover, a:hover p {
		color: black;

}


nav a:hover, nav .selected, .category_mobile .selected {
	border-bottom: 3px solid black;
}


li {
	margin-left: 0.3rem;

	}

@media (min-width: 400px) {
li {
	margin-left: 1rem;
	}
}



h6 {
	text-transform: uppercase;
	font-weight: 500;
}
.main_sec {
	float:none;
	padding-top: 2rem;
	margin-bottom: 1rem;
}

.body_main {
	padding-top: 2rem;
	
}

footer {
	border-top: 1px solid #d1d1d1;
	padding-top: 2rem;
}

.photo_Jeff {
	width: 100%;
	padding-top: .2rem;
	padding-bottom: 1rem;
}

@media (max-width: 400px) {
	.photo_Jeff {
	width: 80%;
	padding-top: .2rem;
	padding-bottom: 1rem;
	}
}

.logo {
	color: black;
	letter-spacing: 1px;
}

.photo_single {
	width: 100%;
}
.before-after {
	margin-bottom: 2rem;
}

.index_portfolio {
	padding-top: .5rem;
	margin-bottom: -2rem;
   
}

.typo_index {
	line-height: 1.5rem;
}

.thumbnail_index {
	width: 100%;	
}




.social {
	
	text-align: right;
}
.img_social{
	width: 20px;
		height: 20px;
		line-height: 20px;
}
.img_social, .thumbnail_index{
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.img_social:hover, .thumbnail_index:hover, .thumbnail_HL{
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
.before_after_space {
	margin-top: .5rem;
}

div .u-full-width.before-after {
	margin-bottom: 1.2rem;
}
.category_mobile ul {
	text-align: right;
	font-size: 1.2rem;
}

.retouch-note {
    font-size: 14px;
    color: #888888;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}