#presentation-mobile{
    display:none;
    visibility: hidden;
}

#presentation-pc{
  display:block;
  visibility: visible;
}

.recommendation{
  margin-top: 7px;
  background: rgb(185, 27, 59);
  padding-bottom:30px;
  padding-top:30px;
}

.fournisseur{
  font-family: 'Oswald', sans-serif;
}

.lieu{
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-style: normal;
}

.p-commerce{
  font-family: "Caveat", cursive;
  font-size:25px;
}

.lien-commerce{
  color:white;
}

.lien-commerce:hover{
  color:rgb(123, 31, 50);
}

.div-commerce {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.img-commerce {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.titre{
    font-family: 'Oswald', sans-serif;
}

.sous-titre{
    padding-bottom:0.5cm;
    margin-bottom:0.7cm;
    border-bottom:solid;
    border-color:rgb(185, 27, 59);
    color:rgb(185, 27, 59);
    font-family: "Dancing Script", cursive;
    font-size:30px;
    font-style: normal;
}

.top-container{
  margin-top: 1cm;
}

strong{
  color:rgb(185, 27, 59);
}

html, body {
  overflow-x: hidden;
}

@media (max-width: 768px) {
  #presentation-pc{
    display:none;
    visibility: hidden;
  }
  #presentation-mobile{
    display:block;
    visibility: visible;
  }
  .top-container{
    margin-top:0.3cm;
  }
  .titre{
    font-size:25px;
  }
  .sous-titre {
    font-size:20px;
    padding-bottom:0.3cm;
    margin-bottom:0.4cm;
  }
  .div-commerce {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .img-commerce {
    padding-bottom:20px;
    height: 100%;
    width: 100%;
    object-fit:fill;
  }
  p{
    font-size:12px !important;
  }
}