html,
body,
header,
.jarallax {
height: 100%;      
font-family: 'Questrial', sans-serif; 
}

.iconresponsive { display:none; }

#logo   { width: 600px; height: 350px; }
#dessin { width: 250px; height: 250px; }
#chapo  { width: 100px; height: 100px; }

/* Style the navbar */
#navbar {
background: #A92E67!important;
}


/* ROSE */
.Rose-BG { background-color:#A92E67; }
.Rose-C { color:#A92E67; }

/* ROUGE */
.Rouge-BG { background-color:#A43B2F; }
.Rouge-C { color:#A43B2F; }

/* NOIR */
.Noir-BG { background-color:#302F2F; }
.Noir-C { color:#302F2F; }

/* GRIS */
.Gris-BG { background-color:#C4C4C4; }
.Gris-C { color:#C4C4C4; }

/* Page content */
.content {
padding: 16px;
}

.inline { display:inline;width:100px;}

/* MENU */
.sticky {
position: fixed;
top: 0;
width: 100%;
}

.sticky + .content {
padding-top: 60px;
} 


/* Navbar */
#navbar {
z-index:999;
overflow: hidden;
background-color: #333;
}

/* Navbar links */
#navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;    
text-decoration: none;
font-size: 1.1em;
}

@font-face {
font-family: "Papyrus", fantasy;
src: url("OdN/fonts/Papyrus-01.eot"); /* IE9 Compat Modes */
src: url("OdN/fonts/Papyrus-01.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("OdN/fonts/Papyrus-01.otf") format("opentype"), /* Open Type Font */
url("OdN/fonts/Papyrus-01.svg") format("svg"), /* Legacy iOS */
url("OdN/fonts/Papyrus-01.ttf") format("truetype"), /* Safari, Android, iOS */
url("OdN/fonts/Papyrus-01.woff") format("woff"), /* Modern Browsers */
url("OdN/fonts/Papyrus-01.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}

/*@font-face {
font-family: "EdwardianScriptITC";
src: url("OdN/fonts/EdwardianScriptITC.eot");
src: url("OdN/fonts/EdwardianScriptITC.eot?#iefix") format("embedded-opentype"),
url("OdN/fonts/EdwardianScriptITC.otf") format("opentype"),
url("OdN/fonts/EdwardianScriptITC.svg") format("svg"),
url("OdN/fonts/EdwardianScriptITC.ttf") format("truetype"),
url("OdN/fonts/EdwardianScriptITC.woff") format("woff"),
url("OdN/fonts/EdwardianScriptITC.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}*/


.titres { font-family: 'Papyrus'; font-size: 3em;}
.handwriting { font-family: 'Papyrus'; font-size: 1.5em;}

/* RESPONSIVE */
@media screen and (max-width: 900px) {
  .superflux { display:none; }
  .iconresponsive { display:inline; }
  h1 {font-size: 1.5em;}
  #logo   { width: 400px; height: 280px; }  
}

@media screen and (max-width: 400px) {
  #logo   { width: 300px; height: 210px; }  
}


.intro-section {
  height: 100%;
  z-index:999;
}

/* GALERIE */
.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease; }
  .gallery .animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

    @media (max-width: 450px) {
      .gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%;
      }
    }

    @media (max-width: 400px) {
      .btn.filter {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
      }
    }