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";
}

.FlagMe{
  margin-top:-1.5rem;
}
  
  @media only screen and (min-width: 640px){
    .footing{
      padding:3rem;
      background-color:#080c0f;
      
    }
    .navbar{
      padding-top:2rem;
      height:5rem;
    }
    .myPic{
      max-width:50vw
    }
  }

  @media only screen and ((max-width: 640px) or (max-height:640)) {
    html {
      font-size: 11px;
    }

    .FlagMe{
      margin-right:1rem;
    }
    
    .catPage{
      font-size:0.1rem;
    }

    .navbar{
      height:5.5rem;
    }
    .product-section{
      margin-top:30px;
      display:flex;
      flex-direction:column;
    }

    .text-section{
      width:100%;
    }

    .reverse{
      flex-direction:column-reverse;
    }
    .produits{
      visibility:hidden;
    }
    .footing{
      padding:1rem;
      padding-bottom:3rem;
      background-color:#080c0f;
    }
  }
  

.all-view {
  height:102vh;
  width:100%;
}

.accueil_div{
  margin-top:-6rem;
  background-image: url("saas.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
  
.navbar {
  z-index:1;
  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;
}

.home-text{
  font-family: "Antic Didone";
  width:940px;
  max-width:75vw;
  padding-top:25vh;
  font-size:3rem;
}
.home-text2{
  font-size:3rem;
}

.myTitle{
  font-family: "Antic Didone";
  font-size:2.25rem;
}

.content-text{
  font-size:1.25rem;
}

.first-letter{
  color:#ffab39
}

.contact{
  font-size:1.5rem;
}

.mentions-legales{
  font-size:1.5rem;
}
  
.contact a{
  color:white;
}