h1{
        font-family: inter;
        font-style: italic;
        color: #406346;
        padding: 4% 0 3% 0;
        font-size: 2.1em;
        text-decoration: underline;
        font-weight: 600;
    
}
.sous-titre{
    font-family: inter;
    font-style: italic;
    color: #406346;
    padding: 4% 0 1% 0 !important;
    font-size: 1.7em;   
    font-weight: 600;
}
h6{
    font-family: inter;
    font-style: italic;
    color: #406346;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom:3%;
    margin-top:3%;
}
.paragraphe {
      font-family: inter;
      font-style: italic;
      font-size: 1.2em;
      color:#406346;
      width: 72%;
      line-height:160%;
      text-align: left;
}
/*div de la nav jusqu au footer*/
#gd{
    padding-top: 5%;
    padding-bottom:7%;
    background: rgb(64,99,70);
    background: linear-gradient(90deg, rgba(64, 99, 70, 0.5) 0%, rgba(255,255,255,1) 50%, rgba(64, 99, 70, 0.5) 100%);
}
main{
    display: flex;
    flex-direction: column;
    align-items: center;
    width:87%;
    margin:auto;
    padding-bottom:6%;
    border-radius: 5px;
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    padding-top:2%;
    background-color: white;
}
    


  
  /*Media Queries*/
  
  
  @media (max-width:900px) {   
     /* #hello{
       display:block;      
       z-index : 101;
       height : 11 vh;
       position: sticky;
       top:0px;
       z-index: 100; 
      display:flex;
      flex-direction: column;
      justify-content: center;
    }
    #phrase-logo{
      padding-top:10%;
        text-align: center;
        width:100%;
        
      }
    
    #menu{
     display: flex;
     flex-direction: column;
     width:104.1%;
     
    }
    #menu>li{
     text-align: center;
    }
    nav>ul{
       display:none;
    }
    #navbar-nom{
       display: none;
    }*
   body>nav,nav{
     display: none;
    } 
    
    #grand-footer{
      height:37vh;
      display:flex;
      flex-direction:column;
      justify-content: space-between;
    }
    
   
   .container-footer{
    height:21vh;
    background-color: #b9ccA6;
  } */
    
  }
  
  
  @media (max-width:665px){
   
    /* #logo-miramas{
      width:60%;
      margin:auto;
    }
  #c{
    width:100%;
    margin-top:5%;
  }
  #phrase-logo{
    font-size:1.5em;
    padding-top:5%;
  }
  #container-section{
    margin-top:5%;
  } */
  #gd{
    padding-top: 13%;
    padding-bottom: 13%;
  } 
  main{
    width:90%;
  }
    /* .container-footer{
      height:26vh;
      margin-top:8%;
      flex-wrap: nowrap;
    }
    #grand-footer{
      height:44vh;
      display:flex;
      flex-direction:column;
      justify-content: space-between;
    }
    #texte-footer-3{
        width:45%;
        margin:auto;
        text-align: center;
    } 
     #texte-footer-3-2{
     width:56%;
      margin:auto;
      text-align: center;
      margin-top:0.5%;
    }
    #container-footer-3{
      padding:2% 0 2% 0;
    } */
  .paragraphe{
    margin-bottom:5%; 
    width:90%;
  }
  h1{
    font-size:1.5em;
    margin-top:8%;
    padding-bottom: 10%;
  }
  .sous-titre{
    text-align: center;
    font-size:1.5em;
    padding-bottom: 10%;;
  }
  h6{
    font-size: 1.4em;
  }
  /* .texte-footer-22{   
    display:none;
    padding:0;
    margin:0;      
  }
  .texte-footer-2{
  width:99%;
  margin-top:1%;    
  } */
  }
  @media(max-width:391px){
    /* .container-footer{
      height:21vh;
      margin-top:8%;
      
    }
    #grand-footer{
      height:42vh;
      display:flex;
      flex-direction:column;
      justify-content: space-between;
    }
    #texte-footer-3{
        width:99%;
        margin:auto;
        text-align: center;
    } 
     #texte-footer-3-2{
     width:99%;
      margin:auto;
      text-align: center; */
      
    /* }
    .texte-footer-22{   
      display:none;
      padding:0;
      margin:0;      
  }
  .texte-footer-2{
    width:99%;
    margin-top:1%;    
  } */
    .sous-titre{
      text-align: center;
      margin-bottom:5%;
      width:95%;
    }
    /* #phrase-logo{
      font-size:1.1em;
      margin-bottom:2%;
    }
    #c{
      margin-top:9%;
      margin-bottom:2%;
    }
     .phrase-connexion{
      font-size:0.7em;
     } */
  }

    @media (max-width:321px){
     
      /* #phrase-logo{
        font-size:0.9em;
        margin-bottom:2%;
      }
      .container-footer{
        height:34vh;
        margin-top:8%;
        
      }
      #grand-footer{
        height:53vh;
      } */
      h1{
        text-align: center;
      }
  
      /* .texte-footer-22{   
        display:none;
        padding:0;
        margin:0;      
    }
    .texte-footer-2{
      width:99%;
      margin-top:1%;    
    } */
  }
  
  /*hauteur*/
  
  
  @media (max-height:391px){
    /* #hello{
      height:15vh
    }
    #grand-footer{
      height:102vh;
    
    }
    .container-footer{
      height:65vh;
      margin-top:8%;
      flex-wrap: nowrap;
    }
    .texte-footer-22{   
      display:none;
      padding:0;
      margin:0;      
  }
  .texte-footer-2{
    width:99%;
    margin-top:1%;    
  }
  #texte-footer-3{
    width:45%;
    margin:auto;
    text-align: center;
  } 
  #texte-footer-3-2{
  width:56%;
  margin:auto;
  text-align: center;
  } */
  }
  
  @media(max-height:321px){
  
    /* .container-footer{
      height:70vh;  
    }
    #container-footer-3{
      height:18vh;
    } 
    #grand-footer{
      height:110vh;
    } */
    .sous-titre{
      text-align: center;
      margin-bottom:6%;
    }
    h1{
      margin-bottom:6%;  
    }
   
  }
  @media(max-height:310px){
  
    /* .container-footer{
      height:80vh;  
    }
    #grand-footer{
      height:120vh;
    } */
   
  }