/*@import url(http://fonts.googleapis.com/css?family=Libre Baskerville:900,400,400italic,900italic);

@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);*/

@import url('styles/boots-bones.css');



/*

Theme Name: Didier Goupy

Theme URI: 

Author: Studio Esilab

Author URI: 

Description: 

Version: 1.0

-------------------------------------------------------------- */

/* Reset

-------------------------------------------------------------- */



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

  margin: 0;

  padding: 0;

  border: 0;

  vertical-align: baseline;

  font: inherit;

  font-size: 100%;

}

/* HTML5 display-role reset for older browsers */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

  overflow: hidden;

}

html {

  margin: 0;

  padding: 0;

  font-size: 62.5%;

  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */



  -webkit-text-size-adjust: 100%;

  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */



  -ms-text-size-adjust: 100%;

  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */



}

ol,

ul {

  list-style: none;

}

blockquote,

q {

  quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

  content: '';

  content: none;

}

table {

  border-spacing: 0;

  border-collapse: collapse;

}

code,

kbd,

tt,

var {

  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr,

acronym {

  border-bottom: 1px dotted #666;

  cursor: help;

}

mark,

ins {

  background: #fff9c0;

  text-decoration: none;

}

sup,

sub {

  font-size: 75%;

  height: 0;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  bottom: 1ex;

}

sub {

  top: .5ex;

}

small {

  font-size: 13px!important;

  line-height: 21px;

}

big {

  font-size: 125%;

}

figure {

  margin: 0;

}

table {

  margin: 0 0 1.5em;

  width: 100%;

}

th {

  font-weight: bold;

}

button,

input,

select,

textarea {

  font-size: 100%;

  /* Corrects font size not being inherited in all browsers */



  margin: 0;

  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */



  vertical-align: baseline;

  *vertical-align: middle;

  /* Improves appearance and consistency in all browsers */



}

button,

input {

  line-height: normal;

  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */



  *overflow: visible;

  /* Corrects inner spacing displayed oddly in IE6/7 */



}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  border: none;

  border-radius: 10px;

  background: #ccc;

  color: rgba(0, 0, 0, 0.8);

  cursor: pointer;

  /* Improves usability and consistency of cursor style between image-type 'input' and others */



  -webkit-appearance: button;

  /* Corrects inability to style clickable 'input' types in iOS */



  font-size: 12px;

  font-size: 1.4rem;

  line-height: 1;

  padding: 1.12em 1.5em 1em;

}

button:hover,

html input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);

  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);

  box-shadow: 0 0 3px rgba(0,0,0,0.5);

}

button:focus,

html input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

html input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);

  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);

  box-shadow: 0 0 3px rgba(0,0,0,0.5);

}

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* Addresses box sizing set to content-box in IE8/9 */



  padding: 0;

  /* Addresses excess padding in IE8/9 */



}

input[type="search"] {

  -webkit-appearance: textfield;

  /* Addresses appearance set to searchfield in S5, Chrome */



  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */



  box-sizing: content-box;

}

input[type="search"]::-webkit-search-decoration {

  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */



  -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */



  border: 0;

  padding: 0;

}

input[type=text],

input[type=email],

textarea {

  color: #888888;

  border: 1px solid #dddddd;

  border-radius: 5px;

}

input[type=text]:focus,

input[type=email]:focus,

textarea:focus {

  color: #101010;

}

input[type=text],

input[type=email] {

  padding: 3px;

}

textarea {

  overflow: auto;

  /* Removes default vertical scrollbar in IE6/7/8/9 */



  padding: 10px;

  vertical-align: top;

  /* Improves readability and alignment in all browsers */



  width: 98%;

}

/* styles

-------------------------------------------------------------- */

body,

button,

input,

select {

  padding: 0;

  margin: 0;

  background: #ffffff;

  font-family: 'Libre Baskerville', sans-serif;

  line-height: 26.64px;

  font-size: 18px;

  font-size: 1.8rem;

}

html, body {

    /*overflow-x: hidden;*/

}

/* typography

-------------------------------------------------------------- */

/* Headings */

h1,

h2,

h3,

h4,

h5,

h6 {

  clear: both;

  font-family: 'Libre Baskerville', sans-serif;

  text-align:center;

  /*color:#0090d7;*/

}

h1 {

  line-height: 60px;

  font-size: 48px;

  font-size: 4.8rem;

}

h2 {

  line-height: 36px;

  font-size: 30px;

  font-size: 2.8rem;

  padding:75px 0 30px 0;

}

h3 {

  line-height: 30px;

  font-size: 21px;

  font-size: 2.8rem;

}

h4 {

  line-height: 24px;

  font-size: 18px;

  font-size: 1.8rem;

}

hr {

  background-color: transparent;

  border: 0;

  height: 0;

  margin-top: 1em;

  margin-bottom: 1em;

  display:inline-block;

}

/* Text elements */

p {

  margin-bottom: 1.5em;

}

ul,

ol {

  margin: 0 0 1.5em 3em;

}

ul {

  list-style: disc;

}

ol {

  list-style: decimal;

}

ul ul,

ol ol,

ul ol,

ol ul {

  margin-bottom: 0;

  margin-left: 1.5em;

}

dt {

  font-weight: bold;

}

dd {

  margin: 0 1.5em 1.5em;

}

b,

strong {

  font-weight: bold;

   -webkit-font-smoothing: antialiased;

}

dfn,

cite,

em,

i {

  font-style: italic;

}

blockquote {

  margin: 0 1.5em;

}

address {

  margin: 0 0 1.5em;

}

pre {

  background: #eee;

  font-family: "Courier 10 Pitch", Courier, monospace;

  font-size: 0.7em;

  line-height: 1.5em;

  margin-bottom: 1.6em;

  padding: 1.6em;

  overflow: auto;

  max-width: 100%;

  box-shadow: 0 3px 5px #ddd inset;

}

/* Links */

h1 a {  color:#2a2a2a; }

a {

  color:#7373737!important;

  /*-webkit-transition: color 0.25s ease-in-out;

  -moz-transition: color 0.25s ease-in-out;

  -o-transition: color 0.25s ease-in-out;

  -ms-transition: color 0.25s ease-in-out;

  transition: color 0.25s ease-in-out;*/

  text-decoration: none;

}

a:hover,

/*a:focus,

a:active,*/

/*.current a,*/

a.nav-active

{

  color: #0090d7!important;

}

/* Alignment */

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em;

}

.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em;

}

.aligncenter {

  clear: both;

  display: block;

  margin: 0 auto;

}

.center {

  text-align: center;

}



/* Header

-------------------------------------------------------------- */



.site-description{

  font-style: italic;

}

header {

  margin: 0;

  padding:10px 0;

  background: #fff;

  width:100%;

  position: fixed;

  z-index: 1000;

}

header .container {

  margin: 0!important;

}

header h1 {

  padding-left:50px;

  font-size: 16px;

  line-height: 21px;

  text-align:left;

  float:left;

  width:250px;

  display:inline-block;

  -webkit-font-smoothing: antialiased;

}

header nav {

  font-family: 'Libre Baskerville', sans-serif;

  width: auto;

  margin: 0 auto;

  text-align: center;

}

header nav ul {

  list-style: none;

  margin: 0;

  display: inline-block;

    margin: 0 0 0 -300px;

}

header nav ul li {

  float: left;

  margin:  0 15px;

  line-height: 0;

}

header nav ul li a {

  color: #737373;

  font-size:16px;

  line-height: 21px;

  -webkit-font-smoothing: antialiased;

  vertical-align: top;

}

/* Posts/Articles

-------------------------------------------------------------- */



div#preloader { 

	position: fixed; 

	left: 0; 

	top: 0; 

	z-index: 999999; 

	width: 100%; 

	height: 100%; 

	background: #fff /*url('preloader.gif') no-repeat center center; */;

	text-align:center;

}



div#preloader img {	

	max-width:100%;

	height:auto;	 

	position: relative;

	top: 50%;

	transform: translateY(-50%);

} 

section { 

	/*height:105%;*/

	min-height:720px;	

}

section#reportages{

	height:auto!important;

	min-height:3800px!important;

}

section#contact{

	min-height:1080px!important;

}

/*section:last-child{

	height:105%;

	min-height:720px;

}*/

article {

  background: transparent;

  padding: 0;

  margin-bottom: 0;

  border-bottom: 1px solid #dddddd;

}

article .title {

  color: #404040;

  line-height: 56.24px;

  font-size: 38px;

  font-size: 3.8rem;

  font-weight: 400;

  text-align: center;

  letter-spacing: 0.1em;

}

article .title a {

  text-decoration: none;

  color: #404040;

}

article .title a:hover {

  color: #0090d7;

}

article .post-meta {

  margin-bottom: 40px;

  font-size: 14px;

  text-align: center;

  font-family: 'Libre Baskerville', sans-serif;

  text-transform: uppercase;

  font-weight: 500;

}

article .post-meta a {

  color: #888888;

  text-decoration: none;

}

article .post-meta a:hover {

  color: rgba(136, 136, 136, 0.5);

}



article .the-content a {

  color:#737373;

  text-decoration: underline;

}

article .the-content p {

	font-size:14px;

	line-height:18px;

  color: #2a2a2a;

  text-align: center;

  width:auto;

  max-width:700px;

  margin:0 auto;

  word-wrap:break-word;

  margin-bottom:30px;

  -webkit-font-smoothing: antialiased;

}

article .the-content p strong {

	font-family: 'Libre Baskerville', serif;

	font-style: italic;

	font-weight:normal;

	}

blockquote {

  text-align:center;

  font-size:24px;

  line-height:36px;

  padding:60px 30px 60px 30px;

  margin:0 auto;

  -webkit-font-smoothing: antialiased;

}

blockquote:before { content:'“'; }

blockquote:after { content:'”'; }



article .meta {

  line-height: 14.8px;

  font-size: 10px;

  font-size: 1rem;

  text-transform: uppercase;

  letter-spacing: .9px;

}

article .meta div {

  margin:1px auto;

}

article .meta .post-categories {

  list-style: none;

  margin: 0 0 10px 0;

}

article .meta .post-categories li {

  display: inline-block;

  margin-right: 10px;

}

/* Page loop styling */

.page article {

  border-bottom: none;

}

.page article .title {

  margin-bottom: 40px;

}

/* Pagination */

#pagination {

  margin-bottom: 40px;

  width: 100%;

}

#pagination .past-page {

  float: right;

  width: 49%;

  text-align:right;

}

#pagination .next-page {

  float: left;

  width: 50%;

  border-right: 1px solid #ccc;

  height: 200px;

}

.next-page a, .past-page a {

  font-size: 2em;

  font-family: 'Libre Baskerville', sans-serif;

  font-weight: 400;

  font-style: italic;

  padding: 10%;

}

/* Comments */

h3#comments {

  margin-bottom: 80px;

  font-size: 16px;

}

.commentlist {

  list-style: none;

  margin: 0;

}

.commentlist .comment {

  margin: 0 0 40px 50px;

  padding: 20px;

  position: relative;

  list-style: none;

  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

}

.commentlist .comment .children {

  margin-top: 40px;

}

.commentlist .comment-author {

  float: left;

  margin-right: 10px;

}

.commentlist .comment-author img {

  position: absolute;

  left: -50px;

  top: 5px;

  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

}

.commentlist .comment-author .says {

  display: none;

}

.comment-meta {

  font-size: 12px;

  margin-bottom: 10px;

}

.comment-subscription-form,

.comment-subscription-form {

  margin-bottom: 0;

  font-size: 14px;

}

#respond {

  margin-bottom: 80px;

}

#respond > h3 {

  font-size: 16px;

  margin-bottom: 20px;

}

#respond form label {

  color: #888888;

}

footer {

  text-align: center;

  padding: 0;

  font-size: 12px;

}

/* Misc & mixens

-------------------------------------------------------------- */

.site-footer{

}

.hide-text {

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

}

.clear {

  clear: both;

}

/* clear floats */

.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.clearfix {

  display: inline-block;

}

html[xmlns] .clearfix {

  display: block;

}

* html .clearfix {

  height: 1%;

}

/* Royal Slider

-------------------------------------------------------------- */

.rsGCaption, #temoignages .rsSlideRoot {

	font-family: 'Libre Baskerville', serif;

	font-style: italic;

	font-weight:normal;

}

.rsContentSlider img {

  margin-top: 0!important; 

}

#temoignages .rsSlideRoot blockquote,

#temoignages .rsSlideRoot p {

	color:#737373;

}

.royalSlider  {

margin:0 auto;

}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs { 

background:#fff!important;

}

.rsContentSlider {

	width:auto!important;

	max-width:960px!important;

	margin-top: 40px;

}

/*

#portraits .rsContentSlider {

	max-width:1280px!important;

}*/

.rsContentSlider img {

	width:inherit!important;

	display: inline-block!important;

}

/*

#portraits .rsOverflow {

	height:820px!important;

}*/

.rsGCaption {

  left: 0!important;

 /* bottom: 0!important;*/

  text-align: center!important;

  background-color:transparent!important;

  color:#2a2a2a!important;

  width: 100%!important;

  font-size: 16px!important;

  border-radius: none!important;

}

.rsContentSlider h3 {

  position: absolute!important;

  bottom: 15px!important;

  font-size: 14px!important;

  line-height: 18px!important;

  margin: 20px 0 0 0!important;

  font-weight: normal!important;

  text-align:left!important;

  width: 100%!important;

  margin-left: 0!important;

  left: 30px!important;

}

.rsDefaultInv .rsBullets {

  position: absolute!important;

  bottom: 15px!important;

  right:30px!important;

  width:auto!important;

}

.rsContentSlider h3 span {

float:right;

}

 .rsArrow {

	width:50%!important;

}

.rsArrowLeft{

	cursor:url(flechebb_l.png), pointer!important;

}

.rsArrowRight {

	cursor:url(flechebb_r.png), pointer!important;

}

.rsDefaultInv .rsArrowIcn,

.rsArrowLeft .rsArrowIcn, 

.rsArrowRight .rsArrowIcn {

	background:none!important;

}

.rsDefaultInv .rsArrowIcn:hover{

	opacity:1;

}

.rsDefaultInv .rsBullet {

	padding: 3px!important;

}

/*#portraits, #portraits img.rsImg { 

	margin-top:0!important;

}*/



#wprmenu_bar, #wprmenu_bar *, #wprmenu_menu, #wprmenu_menu * {

  font-family: 'Libre Baskerville', sans-serif!important;

  font-weight:normal!important;

  text-align:center!important;

}



#mentions {

	display:inline-block;

	margin-top:150px;

	margin-bottom:30px;

}



/* #Media Queries

================================================== */



	@media only screen {

		.container {

		  width: auto!important;

		}

	}

/* Those wide screens above 1800px */

  @media only screen and (min-width: 1800px) {

    #portraits .rsContentSlider {

		max-width: 1500px!important;

	}

	#portraits .rsContentSlider img { 

	  height: 950px!important;

	  width: auto!important;

	  margin-left: auto!important;

	  margin-right: auto!important;

	  display:inherit!important;

	}

	#portraits .rsDefaultInv .rsGCaption {

		top: 975px!important;

	}

	#portraits .rsContentSlider {

	  height: 1025px!important;

	}

  }

  @media only screen and (min-width: 1280px) and (max-width: 1800px) {

    #portraits .rsContentSlider {

		max-width: 1200px!important;

	}

	#portraits .rsContentSlider img { 

	  height: 800px!important;

	  width: auto!important;

	  margin-left: auto!important;

	  margin-right: auto!important;

	  display:inherit!important;

	}

	#portraits .rsDefaultInv .rsGCaption {

		top: 825px!important;

	}

	#portraits .rsContentSlider {

	  height: 875px!important;

	}

  }

  /* Those wide screens above 1280px */

  @media only screen and (min-width: 1280px) {

    body{

      font-size: 2.5em;

      line-height: 1.5em;

    }

    article .title{

      font-size: 1.8em;

      line-height: 1.5em;

    }

    article .post-meta{

      font-size: 0.7em;

      line-height: 1em;

    }

    .menu-main-nav-container a, .side-title, .menu-main-container a{

      font-size: 1em;

      line-height: 1.5em;

    }

    #sidebar{

      font-size: 0.7em;

      line-height: 1.5em;

    }

    #sidebar h3{

      font-size: 1.5em;

      line-height: 1.5em;

    }

  }

	

  @media only screen and (max-width: 1279px) {  

	header nav {

	  text-align:left; 

	}

	header nav ul {

		margin: 0!important;

	}

	.rsContentSlider img { 

	  height: 600px!important;

	  width: auto!important;

	  margin-left: auto!important;

	  margin-right: auto!important;

	  display:inherit!important;

	}

	.rsDefaultInv .rsGCaption {

		top: 625px!important;

	}

	.rsContentSlider {

	  height: 675px!important;

	}

  }

  /* Smaller than standard 960 (devices and browsers) */

  @media only screen and (max-width: 959px) {

	.row-fluid { 

		width:90%;

		margin:0 5%;

	}

    .side-title{

      font-size: 1em;

      line-height: 1.5em;

    }

	h2 {

	   padding: 60px 0 30px 0;

	 }

	.royalSlider {

	  margin: 0 auto; 

	}

	/*#portraits .rsContent, #portraits .rsSlide {

		height: 540px!important;

	}

	#portraits .rsOverflow {

		height: 600px!important;

	}

	#portraits .royalSlider {

		height: 640px!important;

	}*/

	.rsContentSlider h3 {

	  left: 0!important;

	}

	.rsDefaultInv .rsBullets {

	  right:0!important;

	}

	

  }



  /* Tablet Portrait size to standard 960 (devices and browsers) */

  @media only screen and (min-width: 768px) and (max-width: 959px) {

    .container {

		width: 100%!important;

	}

    .side-title{

      font-size: 1em;

      line-height: 1.5em;

    }

  }



  /* All Mobile Sizes (devices and browser) */

  @media only screen and (max-width: 767px) {

	.container {

		width: 90%!important;

	}

    .side-title{

      font-size: 1em;

      line-height: 1.5em;

    }

	#wprmenu_menu ul {

		text-align: center;

		padding-bottom: 10px;

	}

	#wprmenu_bar {

	padding: 10px 5%;

	}

	#wprmenu_menu ul li a, #wprmenu_menu ul li a:hover {

		text-align: center;

		padding: 10px 0;

	}

	#wprmenu_bar .menu_title {

		text-align:center;

	}

	.rsDefaultInv .rsGCaption { 

		font-size: 11px!important; 

		width: 70%!important;

		padding: 0 15%!important;

	}

	/*img.rsImg { 

		max-width:100%!important;

		max-height:230px!important;

		width:auto!important;

		height:auto!important;

		margin: 0 auto!important; 

		position: relative!important;

		display: inherit!important;

	}

	.royalSlider,

	.rsOverflow, .rsContainer, .rsSlide {

		height:290px!important;

	 }*/

	 .rsDefaultInv .rsBullets {

		width:100%!important;

	   right: inherit!important;

	   left:50%!important;

	   margin-left:-50%!important;

	   bottom:0!important;

	 }

	 .rsContentSlider h3 {

	   width:100%!important;

	   right: inherit!important;

	   left:50%!important;

	   margin-left:-50%!important;

	   text-align:center!important;

	}

	.royalSlider {

		margin-bottom:30px!important;

	}

	/*#portraits .rsContent, #portraits .rsSlide {

		height: 220px!important;

	}

	#portraits .rsOverflow {

		height: 260px!important;

	}

	#portraits .royalSlider {

		height: 300px!important;

	}*/

	blockquote {

	  font-size: 12px!important;

	  line-height: 18px!important;

	  padding: 0 0 10px 0;

	}

	#temoignages .rsDefaultInv .rsBullets {

	  bottom: 0!important;

	}

	small {

	font-size:inherit;

	}

	#mentions {

	  margin-top: 50px;

	}



}

  /* All Mobile Sizes (devices and browser) */

  @media only screen and (min-width: 600px) and (max-width: 768px) {



	.rsContentSlider img { 

	  height: 450px!important;

	}

	.rsDefaultInv .rsGCaption {

		top: 475px!important;

	}

	.rsContentSlider {

	  height: 525px!important;

	}  

  }

   /* All Mobile Sizes (devices and browser) */

  @media only screen and (max-width: 600px) {



	.rsContentSlider img { 

	  height: 250px!important;

	}

	.rsDefaultInv .rsGCaption {

		top: 275px!important;

	}

  	.rsContentSlider {

	  height: 325px!important;

	}

	section#reportages, section#informations{

		height:auto!important;

		min-height:720px!important;	

		margin-bottom:150px;

	}

	

  } 

  

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

  @media only screen and (min-width: 480px) and (max-width: 767px) {

  	.container {

		width: 90%!important;

	}

    body, article .post-meta{

      font-size: 1.2em;

      line-height: 1.5em;

    }

    article .title{

      font-size: 2em;

      line-height: 1.5em;

    }

    .site-title{

      font-size: 10px !important;

      line-height: 50px;

    }

  }



  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

  @media only screen and (max-width: 479px) {

    body, article .post-meta{

      font-size: 1.2em;

      line-height: 1.5em;

    }

    article .title{

      font-size: 2em;

      line-height: 1.5em;

    }

    .site-title{

      font-size: 6px !important;

      line-height: 30px;

    }

    .menu-main-nav-container a, .side-title, .menu-main-container a{

      font-size: 1em;

      line-height: 1.5em;

    }

	/*div#preloader  {	

		background-size: 100% auto;

	} */

	.rsContentSlider img { 

	  height: 200px!important;

	}

	.rsDefaultInv .rsGCaption {

		top: 225px!important;

	}

	.rsContentSlider {

	  height: 275px!important;

	}

  

  }

  /* Landscape

================================================== */



	@media screen  and (min-height:1325px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 1225px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 1250px!important;

		}

		#portraits .rsContentSlider {

		  height: 1300px!important;

		}

	}

	@media screen  and (min-height:1275px) and (max-height:1325px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 1175px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 1200px!important;

		}

		#portraits .rsContentSlider {

		  height: 1250px!important;

		}

	}

	@media screen  and (min-height:1225px) and (max-height:1275px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 1125px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 1150px!important;

		}

		#portraits .rsContentSlider {

		  height: 1200px!important;

		}

	}

	@media screen  and (min-height:1175px) and (max-height:1225px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 1075px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 1100px!important;

		}

		#portraits .rsContentSlider {

		  height: 1150px!important;

		}

	}

	@media screen  and (min-height:1125px) and (max-height:1175px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 1025px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 1050px!important;

		}

		#portraits .rsContentSlider {

		  height: 1100px!important;

		}

	}

	@media screen  and (min-height:1075px) and (max-height:1125px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 975px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 1000px!important;

		}

		#portraits .rsContentSlider {

		  height: 1050px!important;

		}

	}

	@media screen  and (min-height:1025px) and (max-height:1075px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 925px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 950px!important;

		}

		#portraits .rsContentSlider {

		  height: 1000px!important;

		}

	}

	@media screen  and (min-height:975px) and (max-height:1025px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 875px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 900px!important;

		}

		#portraits .rsContentSlider {

		  height: 950px!important;

		}

	}

	@media screen  and (min-height:925px) and (max-height:975px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 825px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 850px!important;

		}

		#portraits .rsContentSlider {

		  height: 900px!important;

		}

	}

	@media screen  and (min-height:875px) and (max-height:925px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 775px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 800px!important;

		}

		#portraits .rsContentSlider {

		  height: 850px!important;

		}

	}

	@media screen  and (min-height:825px) and (max-height:875px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 725px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 750px!important;

		}

		#portraits .rsContentSlider {

		  height: 800px!important;

		}

	}

	@media screen  and (min-height:775px) and (max-height:825px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 675px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 700px!important;

		}

		#portraits .rsContentSlider {

		  height: 750px!important;

		}

	}

	@media screen  and (min-height:725px) and (max-height:775px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 625px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 650px!important;

		}

		#portraits .rsContentSlider {

		  height: 700px!important;

		}

	}

	@media screen  and (min-height:675px) and (max-height:725px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 575px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 600px!important;

		}

		#portraits .rsContentSlider {

		  height: 650px!important;

		}

	}

	@media screen  and (min-height:625px) and (max-height:675px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 525px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 550px!important;

		}

		#portraits .rsContentSlider {

		  height: 600px!important;

		}

	}

	@media screen  and (min-height:575px) and (max-height:625px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 475px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 500px!important;

		}

		#portraits .rsContentSlider {

		  height: 550px!important;

		}

	}

	@media screen  and (min-height:525px) and (max-height:575px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 425px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 450px!important;

		}

		#portraits .rsContentSlider {

		  height: 500px!important;

		}

	}

	@media screen  and (min-height:475px) and (max-height:525px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 375px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 400px!important;

		}

		#portraits .rsContentSlider {

		  height: 450px!important;

		}

	}

	@media screen  and (min-height:425px) and (max-height:475px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 325px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 350px!important;

		}

		#portraits .rsContentSlider {

		  height: 400px!important;

		}

	}

	@media screen  and (min-height:375px) and (max-height:425px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 275px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 300px!important;

		}

		#portraits .rsContentSlider {

		  height: 350px!important;

		}

	}

	@media screen  and (min-height:325px) and (max-height:375px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 225px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 250px!important;

		}

		#portraits .rsContentSlider {

		  height: 300px!important;

		}

	}

	@media screen  and (min-height:275px) and (max-height:325px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 175px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 200px!important;

		}

		#portraits .rsContentSlider {

		  height: 250px!important;

		}

	}

	@media screen  and (min-height:225px) and (max-height:275px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 125px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 150px!important;

		}

		#portraits .rsContentSlider {

		  height: 200px!important;

		}

	}

	@media screen  and (min-height:175px) and (max-height:225px) and (orientation:landscape) {

		#portraits .rsContentSlider img { 

		  height: 75px!important;

		}

		#portraits .rsDefaultInv .rsGCaption {

			top: 100px!important;

		}

		#portraits .rsContentSlider {

		  height: 150px!important;

		}

	}
@media screen  and (min-width:740px) {
  #reportages .grid {
    max-width: 740px; 
    margin: auto;
    padding-top:20px;
  }
  #reportages .half {
    width: 45%; 
    display: inline-block; 
    vertical-align: top; 
    padding: 0 2%;
  }
}