/* media query mobile*/
@media screen and (max-width: 500px) {
.menuvertical {display: none;}

/* index */
.sliderwrap{
    margin: 0;
    width: 340px;
    height: 280px;
}

.sliderwrap a{
  font-size: 19pt;
}

.sliderwrap p{
  font-size: 16pt;
}

.expotext .expoplace{
  font-size: 8pt;
}

.arrow-next{
  right:-15px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-45deg);
  }

.arrow{
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 8px;
  transition: all .3s ease-in-out;
  cursor: none;
}

.containeroeuvres1 ,.containeroeuvres2{
    margin-left: 10px;
}

 #Danastoces a{
    font-size: 7pt;
 }

 #Danastoces h1{
    font-size: 18pt;
 }

.biographietxt{
  margin: 0;
}

 .container{
    margin-top: 50px;
    margin-left: 80px;
  }

  .containeroeuvres1 ,.containeroeuvres2{
    margin-left: 50px;
}

  .gallery{
    display: flex;
    flex-wrap: wrap;
  }

  .contactbird {
      margin: 0px;
      margin-top: 20px;
  }

  .contactbird img{
      width: 350px;
      height: 300px;
  }

.contactbird ul{
    margin-left: 0px !important;
    padding: 0px !important;
}
.contactbird li{
  margin-left: 20px !important;
}

.formatrond {
    margin-left: 200px;
    font-size: 9pt;
  }

  .formatrond img{
    height: 60px;
    width: 60px;
  }

  .expotext{
      margin-top: 120px;
  }

  .expotext h2{
    font-size: 25pt;
  }
  .expotext h3{
    font-size: 10pt;
}
 
.biographietxt{
  margin: 0;
  font-size: 8pt;
}

.biographietxt .description{ text-indent: 0px;}
}


/* media query tablet*/
@media (min-width: 500px) and (max-width: 1024px) {
.menuvertical {display: none;}
.sliderwrap{
    margin: 0;
    width: 500px;
    height: 450px;
}

.container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-left: 0px;
  }

.containeroeuvres1 ,.containeroeuvres2{
    margin-left: 150px;
}

  .contactbird {
    margin: 0;
}
.contactbird img{
    width: 700px;
    height: 500px;
}

#Danastoces h1{
    font-size: 35pt;
 }

 #Danastoces a{
     font-size: 12pt;
 }
 
 .biographietxt{
  margin: 0;
  font-size: 10pt;
}

.biographietxt .description{ text-indent: 0px;}

.formatrond {
    margin-left: 500px;
  }

.expotext h2{
    font-size: 30pt;
  }
  .expotext h3{
    font-size: 15pt;
}
.expotext{
  margin-top: 270px;
}
}