html, body {
/* height: 100%; */
/* min-height: 100%; */
border: 0px solid transparent;
font-size: 1em;
margin: 0;
padding: 0;
width: 100%;
-webkit-font-smoothing: antialiased;
font-size:50%;
}

*{
margin:0;
font-family:'Montserrat',arial;
color:var(--text);
font-size:2rem;
}

img, object, embed, canvas, video, audio, picture {
max-width: 100%;
height: auto;
_width: 100%; /* IE6 seulement */
}

#Contents{
width:100%;
margin:auto;
height:100%;
/* background:#f0f5f0 */
}

#isDev{
  position:fixed;
  top:0;
  right:0;
  background:red;
  color:white;
  font-weight:600;
  font-size:12px;
  padding:4px 15px;
  opacity:.8;
  border-radius:0 0 0 14px;
}

@font-face {
    font-family: 'citrus-gothic';
    src: url('/webfonts/CitrusGothicSolid-Regular.eot');
    src: url('/webfonts/CitrusGothicSolid-Regular.eot?#iefix') format('embedded-opentype'),
        url('/webfonts/CitrusGothicSolid-Regular.woff2') format('woff2'),
        url('/webfonts/CitrusGothicSolid-Regular.woff') format('woff'),
        url('/webfonts/CitrusGothicSolid-Regular.svg#CitrusGothicSolid-Regular') format('svg');
    font-display: block;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}