@media screen and (max-width: 800px)
              /* and (min-width: 636px) */
              {

  #home{
    height: 100%;
    display: block !important;
    background: linear-gradient(#F3C, red, #F3C);
    }

  #home header{
    background: #F3C !important;
  }

  #title{
    line-height: 10em;
  }

  h1{
    text-align: justify;
  }

  p, li{
    font-size: 16px;
  }

  .caption{
    font-size: 1em!important;
    margin-top: 0.6em;
  }

  blockquote{
    margin-top: 1em;
  }

  blockquote p:before, blockquote p:after{
    font-size: 1.8em;
    line-height: 0em;

  }

  blockquote p:before{
    margin-bottom: 0.2em;
    margin-right: 0.3em;
  }
  blockquote p:after{
    position: relative;
    margin-left: 0.2em;
    top:0.2em;
  }

  #feminismes2{
    display: block;
    font-size: 20.5vw;
  }

  #ismes{
    font-size: 23.5vw;
  }

  #feminismes{
    display: none;
  }

  #subtitle2{
    display: block;
    font-size: 7.2vw;
  }

  #subtitle{
    display: none;
  }

  #infos{
    font-size: 3.05vw;
  }

  /* #title{
    margin: 100px auto;
  } */

  #dates{
    margin: 50px auto;
  }

  #dates a{
    width: 85vw !important;
    color: blue !important;
    margin: 42px 5% 42px 5%;
    -webkit-text-fill-color: blue ;
    //-webkit-text-stroke:none;
  }

  article{
    padding: 0 1em 3em 1em;
    margin-top: 1em;
  }

  section header h1 {
    font-size: 1.1em;
    padding-top: 0.5em;
    padding-bottom: 0.3em;
  }
  section header h1::before{
    content: "▶ ";
    margin-right: 0.5em;
  }

  section header{
    min-height: 2.3em;
    border-top: blue solid 1px;
    padding-left: 1em;
  }

  section header h1{
    margin-top: 0.3em;
    padding-bottom: 0.3em;
  }

  .open header h1::before{
    content: "▼ "!important;
  }

}