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;
}
.footer-title{
  font-size:1.5rem;
  font-family: "DM+Sans:opsz@9
}
  .footer-title2{
    font-size:1rem;
    font-family: "DM+Sans:opsz@9
  }



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