html {
  font-size: 16px;
}

body {
    margin: 0;
  padding:0;
    font-family: "Lato", sans-serif;
  background-color: #080c0f;
  color: white;
  font-size : 0.9rem;
  font-family : "Segoe UI", "Arial";
}

.navbar {
  z-index:1;
  height:5rem;
  font-size : 1.2rem;
  background-color:#080c0f;
}

.midImg{
  margin-top:-1rem;
  margin-left:0.5rem;
  margin-right:0.5rem;
  height : 5rem;
  top:-2px;
}

.miderva{
  font-size:2.5rem;
  font-family:"DM+Sans:opsz@9..40"
  color:white;
}

#mynavbar{
  font-size:1.5rem;
}
.nav-link{
  color:white;
}
.nav-link:hover {
  color: white;
}

.contact{
  font-size:1.5rem;
}

.mentions-legales{
  font-size:1.5rem;
}

.contact a{
  color:white;
}

.FlagMe{
  margin-top:-1.5rem;
}

.bordure-arrondie {
  font-size: 1.25rem;
  margin-left:5%;
  margin-right:5%;
  border-radius: 10px; 
  background-color: #F7F7F5;
  padding: 20px; 
  color:black;
}

@media only screen and (min-width: 640px){
  .footing{
    padding:3rem;
    background-color:#080c0f;
  }
  .navbar{
    padding-top:2rem;
    height:5rem;
  }
  .content-text{
    max-width:800px;
    padding:3rem;
    padding-top:1rem;
    padding-bottom:0.25rem;

  }
  .myPic{
    max-width:50vw
  }
}


@media only screen and ((max-width: 640px) or (max-height:640)) {
  html {
    font-size: 11px;
  }
  .catPage{
    font-size:0.1rem;
  }
  .FlagMe{
    margin-right:1rem;
  }
  .content-text{
    padding:0rem;
    padding-top:1rem;
    padding-bottom:0.25rem;
  }
  .navbar{
    height:5.5rem;
  }
  
  .footing{
    padding:1rem;
    padding-bottom:3rem;
    background-color:#080c0f;
  }
  .produits{
    visibility:hidden;
  }
}