@media only screen and (min-width: 1600px) {  
#header-content {padding: 100px 100px;}
.content-fernand {padding-top: 10%;}
.cd-nav .cd-navigation-wrapper { padding: 25% 20%;}
.cd-nav .cd-primary-nav li {
  margin: 30px 0;
}
.cd-project-info {padding: 8em 0;}
.contentBtn { margin-top: 2%; margin-bottom: 2%;}




     }
	 
   @media only screen and (max-width: 1400px) {
    .list1 h1{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 22px;font-size:2.2rem;margin-top: 15%;
  text-transform: uppercase;
}

.list2 h1{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 22px;font-size:2.2rem;margin-top: 41%;
  text-transform: uppercase;
}

.list1 h2{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 22px;font-size:2.2rem; 
}

.list2 h2{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 22px;font-size:2.2rem;
 }

.firsth2{
  margin-top: 15%!important;
}

.img-cuvee2 {
    width: 200px;
    position: absolute;
    margin-top: 100px;
    left: 50%;
    opacity: 0;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin-left: -100px;
}

.is-loaded.is-full-width .cd-title2 {
    left: 50vw;
    -webkit-transition: -webkit-transform 0.6s, opacity 0s, left 0.4s;
    -moz-transition: -moz-transform 0.6s, opacity 0s, left 0.4s;
    transition: transform 0.6s, opacity 0s, left 0.4s;
    width: 400px;
    margin-left: -200px;
    padding-top: 20px;
    padding-right: 20px;
    background: rgba(18, 18, 18, 0.3);
    box-shadow: 0px 0px 60px rgba(18,18,18,0.60);
}

.is-loaded.is-full-width .cd-title2 .titleCuvee2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: 0;
}

.corner5{ left:25px;}
.corner6{ right:25px;}
#header-content2{padding:10px 0 5px 0;margin-top: 20px;height: 440px;
overflow: auto;}
.headerActu { font-size: 22px;}
.objectActu {  font-size: 16px; }

.cd-nav h3{margin-top:10px;}
   } 


  @media only screen and (min-width: 1355px) {
  .contentCuvee { min-height: 455px;}
 
  }
                       
  @media only screen and (max-width: 1100px) {
    
body {font-size: 13px;font-size: 1.3rem;}
.cd-nav .cd-navigation-wrapper {padding: 40px 5% 40px 5%;}
.titleFernand {font-size: 28px;font-size: 2.8rem;  padding-left: 0px;}
.titleFernand2 {font-size: 22px;font-size: 2.2rem;margin-top: -5px;padding-right: 10px;}
.btn.btn-default{font-size: 12px;font-size: 1.2rem;height: 80px;}
h3 {font-size: 20px; font-size: 2rem;}
.cd-nav h2 {font-size: 22px;font-size: 2.2rem;letter-spacing: 2px;}
.titleCuvee {font-size: 16px; font-size: 1.6rem;}
.titleChampagne {font-size: 22px; font-size: 2.2rem; }
.contentDesc h3 {font-size: 18px; font-size: 1.8rem;  }
.btn-default {text-shadow: 0 0px 0 #fff;}
.btn.btn-default {
   text-shadow: 0 0 #fff; 
   box-shadow: 0 0 #fff; 
}
#logo1 { margin-top: 10%;  }

h6 {font-size: 1.7rem; font-size: 17px;}
.bfernand{box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);height: 390px; }

b {
 width: 95%;
    margin-top: -5px;
   
}

a:hover b{
 background: #121212;
  margin-top: -15px;
  width: 90%;
}
.list1 h1{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 22px;font-size:2.2rem;margin-top: 30%;
  text-transform: uppercase;
}

.list2 h1{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 22px;font-size:2.2rem;margin-top: 44%;
  text-transform: uppercase;
}

.list1 h2{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 22px;font-size:2.2rem; 
}

.list2 h2{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 22px;font-size:2.2rem;
 }

 .firsth2{
  margin-top: 30%!important;
}

.cd-project-info p {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  line-height: 2;
}

.is-loaded .cd-title2 {
  width: 50%;
left: 25%;
}
.corner5{ left:12px;}
.corner6{ right:12px;top:16px;}
.headerActu { font-size: 22px;}
.objectActu {  font-size: 14px; }
#header-content2 h4{font-family: 'dakotaregular';font-size: 18px;text-transform: none;margin-bottom: 5px;z-index: 2;}
.listActu{min-height: 125px;}
.gBarActu {
    height: 100%;
    background: rgba(178,180,177,0.8);
    width: 50%;
    position: absolute;
    left: 50%;
    margin-left: -25%;
}
}
                        
             
                        
   @media only screen and (max-width: 780px){

   h1 {color:#121212;}

h1 {font-size: 20px;font-size:2rem;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 16px;}

    #logo1 {
	margin-top: 25%;
	width: 50%;
}
 .cd-nav h2 {font-size: 22px;font-size: 2rem;letter-spacing: 2px;}

 .contentCuvee .col-md-6, .contentCuvee .row {

  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  } 

.transition, .transition2{display:none;}
.gBar, .gBar2, .gBarActu {width: 100%;  left: 0%; margin-left: 0;}
.gBar{background: rgba(178, 180, 177, 0.6) url("../img/fernand.svg") no-repeat scroll center center / cover;}
.gBar2{background: rgba(178, 180, 177, 0.5) none repeat scroll 0% 0%;}
.gBarActu{background: rgba(178, 180, 177, 0.8) none repeat scroll 0% 0%;}
#session1, #session2{height: auto;}
.cd-nav{width: 100%;}
.cd-nav .cd-primary-nav {margin-top: 10px;padding: 10px 15px 0px 10px;}
.cd-nav h2 {font-size: 22px;font-size: 2rem;letter-spacing: 2px;}
.cd-nav h3{font-size:1.1rem;margin-top: 0px;}
.bfernand { height:  390px;  margin-bottom: 15px;}
#map {width: 100%; height: 400px;}
#footer3 { height: auto;}
.titleCuvee {margin-top: 30px; width: 80%;  margin-left: 80px;color: #fff;}
.btn-default {text-shadow: 0 0px 0 transparent;}
.btn.btn-default {
   text-shadow: 0 0 transparent; 
   box-shadow: 0 0 #fff; 
   margin-bottom: 20px;
}
.cd-project-info .corner2 {bottom:-10px;}
.contentBtnScroll { width: 200px;
  left: 50%;
  margin-left: -100px;
  height: 120px;
  bottom: 0;
  padding-left: 15px;
  padding-right: 15px;}
.is-full-width .cd-title { top: 80px;}

.img-cuvee {margin-left: -100px;}
.projects-container .cd-close { position: fixed; top: 5px;  right: 5px;}

#header-btn3{margin-top: -150px;}
#header-btn3M{margin-top: 0px;}
#header-content {height: 40%; padding: 15px 30px;}
#identification{position: absolute;margin:0;padding:0;width: 100%;height: 100%;z-index: 90;
  background: url(../img/IDs.jpg) no-repeat center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  #identificationM{position: absolute;margin:0;padding:0;width: 100%;height: 100%;z-index: 90;
  background: url(../img/IDs.jpg) no-repeat center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
 .header1{background: url(../img/home1s.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 
#session1{background: url(../img/home2bs.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.header2{background: url(../img/work1bs.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 


.header3{background: url(../img/actu1s.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 


  #session3{background: url(../img/work2s.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  #session4{background: url(../img/work3s.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  #session5{background: url(../img/work4s.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


	.cd-nav .cd-navigation-wrapper {padding: 28px 0px 0px 0px;}
	.cd-nav b {  margin: 0 auto; margin-bottom: 10px;width:80%;}
  .cd-project-info p {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  line-height: 2;
}

#cuvee1{ height: auto;
  width: 100%;
 
   background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity 0.5s, height 0.4s;
  -moz-transition: opacity 0.5s, height 0.4s;
  transition: opacity 0.5s, height 0.4s;
   background-image: url(../img/bkg2-cuvee1s.jpg);
 }

 #cuvee2{height: auto;
  width: 100%;background: url(../img/bkg-cuvee2s.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 

#cuvee3{height: auto;
  width: 100%;;background: url(../img/bkg2-cuvee3s.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#cuvee4{height: auto;
  width: 100%;background: url(../img/bkg2-cuvee4s.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

  #cuvee5{height: auto;
  width: 100%;background: url(../img/bkg2-cuvee5s.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  #cuvee6{height: auto;
  width: 100%;background: url(../img/bkg2-cuvee6s.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


.cd-title{padding: 0;}
.cd-title2{padding: 0;}
.titleChampagne {  margin-right: 20px;}
.corner2 { margin-right: 8px;}
.corner3{margin-right: 20px;
margin-bottom: -10px;}

.btn.btn-defaultc1, .btn.btn-defaultc2, .btn.btn-defaultc3, .btn.btn-defaultc4 {margin-bottom:10px;}

.is-loaded .cd-title2 {
    width: 72%;
    left: 25%;
    padding-right: 15px;
}

.bar-black{
  display:none;
}
.is-loaded.is-full-width .cd-title2 {
    left: 50vw;
    -webkit-transition: -webkit-transform 0.6s, opacity 0s, left 0.4s;
    -moz-transition: -moz-transform 0.6s, opacity 0s, left 0.4s;
    transition: transform 0.6s, opacity 0s, left 0.4s;
    width: 250px;
    margin-left: -125px;
    padding-top: 20px;
    padding-right: 20px;
    background: rgba(18, 18, 18, 0.3);
    box-shadow: 0px 0px 60px rgba(18,18,18,0.60);
    top:80px;
}
.titleMobile{width: 290px;
padding-right: 15px!important;
padding-bottom: 5px;
margin: 0px auto;}

.btn.btn-default3 {
     margin-bottom: 20px;
}
.titleSession2 h1 {
    margin-top: 86px;
}
#header-content2 {
    padding: 10px 0 5px 0;
    margin-top: 15px;
    height: auto;
    overflow:visible;
}
.cd-nav h2 {  margin-bottom: 5px;}
.cd-nav .cd-navigation-wrapper {overflow-y: auto;}
.block-btnM{padding-left: 10px;padding-right: 10px;}
.btnM{height: 60px!important;padding: 5px;}
.blockLang{text-align: center; color:white;margin-top: 25px;}
.blockLang a{color:white;}

}

  @media only screen and (min-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
         body { font-size: 14px; font-size: 1.4rem;}

.gBar, .gBar2 {
  width: 50%;
  left: 25%;
  margin-left: 0;
}

#header-content {
 
  margin-top: 40px;
}


.content-fernand {
  padding-top: 3%;
  height: 100%;
    width: 50%;
  margin-left: 25%;
}

.titleFernand{
width: 70%;
  margin-left: auto;
  margin-right: auto; 
}

.titleFernand2{
width: 70%;
  margin-left: auto;
  margin-right: auto; 

}

.titleCuvee{
 width: 30%;
  margin-left: auto;
  margin-right: auto; 
}

 .titleChampagne {
 width: 40%;
  margin-left: auto;
  margin-right: auto; 
}

.bfernand p { margin-top: 6%;}



.blockSocial{
  float: left;
    left: 42%;
}

.corner2{
  right: 195px;
}



   }
           


@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px)  and (orientation: landscape)  and (-webkit-min-device-pixel-ratio: 2) {

 
}