/**********
* RESPONSIVE WEB DESIGN
**********/

/*
* LES ECRANS PETITS ET MOYENS
*/
@media (max-width: 1060px) {
  #title h1 {
    line-height: 0px!important;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 15px;
    top: 10%;
  }
  #title h2 {
    line-height: 10px!important;
    font-size: 0.8em!important;
    margin: 0px;
    top: 15%;
  }
  /* Supprimer les boutons de navigation */
  #navbar{
    display: none!important;
  }
  /* Mettre le bouton contribution dans l'angle sud-ouest */
  #start_edition {
    left:5%;
  }
  /* ne pas afficher la loupe dans la barre de recherche */
  #header-clear { /* NOT WORKING !!! */
    display: none!important;
  }
  /* placer la barre de recherche en bas a droite */
  #nominatim-search{
    position: absolute;
    right: 5%!important;
    top: 85vh!important;
  }
}


/*
* LES PETITS ECRANS
*/
@media (max-width: 600px) {
  #search-query{
    width: 80px;
  }
  /* supprimer la boite d'attibution */
  #attribution-box {
    display: none;
  }
  /* Les boutons pour afficher masquer les contributions */
  #filtre_categorie .cat-text {
    text-transform: none;
    display: none!important;
  }
}

/*
* SI L'ECRAN EST VRAIMENT PETIT
*/
@media (max-width: 460px){
  #title h1 {
    font-size: 0.9em;
    line-height: 5px;
  }
  /* Les titres */
  #title h2 {
    line-height: 10px!important;
    font-size: 0.7em!important;
    margin: 0px;
  }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
not all, not all, not all, only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx), only screen and (max-height: 640px),
only screen and (max-device-height: 640px) {
  #logo {
    height: auto;
  }
}