*, *::before, *::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  width: 100%;
  overflow-x: hidden;
}

body{
  background-color: #ffffff;
  color:black;
  padding: 0;
  margin: 0;
  width: 100%;
  height:100%;
  font-size: 1.1vw;
  font-size: clamp(1.3vw, 1.1vw, 4vw);
  font-family: acumin-variable,Helvetica,Arial,sans-serif!important;
  position: relative;
  padding-bottom: 5%;
  overflow-x: hidden;
}
#masthead{
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#hello{
  position: absolute;
  z-index: 10;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  width: 100%;
  text-align: center;
  padding-bottom: 1.3%;
  bottom:0%;
}
img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#picture_mast{
  filter: brightness(0.8);
}
#picture_mast3{
  filter: brightness(0.75);
}
.first_section{
  margin-top: 5%;
}
.enum{
  font-size: 15vw;
  position: absolute;
  z-index: -1;
  color:rgba(0, 0, 0, 0.048);
}
.section1_text{
  width: 98%;
  text-align: center;
  margin-left: 1%;
  position: relative;
}

.container{
  width: 60%;

  gap:2%;
  margin: auto;
  margin-top: 2%;
  position: relative;
  z-index: 5;
  background-color: white;
}

.line{
  width: 60%;
  display: flex;
  gap:1%;
  justify-content: center;
  align-items: center;
  margin-left: 20%;
  margin-top: 3%;
}
.square{
  width: 32.33%;
}
.square_mid{
  width: 48.5%;
}

.img_second_post{
  width: 60%;
  height:auto;
}

.picture_blog1{
  width: 20%;
}

.btn{
  border: 1px solid black;
  border-radius: 5px;
  padding: 1%;
  color:black;
  cursor: pointer;
  background-color: transparent;
}
#container_btn{
  width: 100%;
  text-align: right;
}

@media (max-width: 700px) {
  .container{
    width: 90%;
  }
  .sous_titre_t1{
    width: 90%;
    margin-left: 5%;
  }
  .btn{
    padding: 1.5%;
  }
  #masthead{
    height:100vh;
    width: 100%;
    position: relative;
    overflow-x: hidden;
  }
  #picture_mast, #picture_mast3{
    position: absolute;
    top:0;
    height: 100%;
    object-fit: cover;
  }
  #titre_mast{
    width: 90%!important;
    position: relative!important;
    left:5%!important;
    height:100%;
    top:0!important;
    padding-top: calc(60px + 5%);
  }
}