#masthead{
  position:relative;
  width: 100%;
  padding-bottom: 10%;
}


#top_contact{
  position: relative;
  height:8vh;
  width: 100%;
}
#medium_contact{
  height:fit-content;
  width: 100%;
  display: flex;
  padding-left: 2%;
  padding-top: 2%;
}

#right_medium{
  width: 30%;
  height:100%;
}
#left_medium{
  width: fit-content;
  height:100%;
  padding-left: 15%;
}
.container_inputs{
  display: flex;
  width: 100%;
  overflow: hidden;
}
.container_inputs:not(:first-child){
  margin-top: 3%;
}
.field{
  width: 25%;
}
.btn_validation{
  border: 1px solid rgb(66, 66, 66);
  background-color: transparent;
  cursor: pointer;
  padding: 0.5%;
  margin-left: auto;
  position: relative;
  opacity: 0;
  transform: translateX(-30%);
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.appear_btn{
  opacity: 1;
  transform: translateX(0%);
}
#contact{
  position: relative;
  width: 70%;
  margin-top: 10%;
  margin-left: 15%;
  padding-bottom: 5%;
  height:auto;
}
#sep_contact{
  background-color: #DA6416;
  width: 18%;
  margin-left: 2%;
  height:2px;
  margin-bottom: 1%;
  margin-top: -0.5%;
}
#titre_top{
  height:100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 2%;
}

#titre_top_resp{
  display: none;
}
.sep_resp{
  height:10vh;
  display: none;
}
.btn_form{
  margin-left: 0%!important;
}
#container_btn{
  display: flex;
  gap:5%;
}

@media (max-width: 768px) {

  #masthead{
    margin-top: 20%;
    padding-bottom: 15%;
  }
  #titre_top{
    display: none;
  }
  #contact{
    width: 90%;
    margin-top: 10%;
    height: 100%;
    margin-left: 5%;
  }
  #titre_top_resp{
    display: block;
  }
  #sep_contact{
    width: 32%;
    margin-left: 0;
  }
  #medium_contact{
    display: block;
    padding: 0;
  }
  #right_medium{
    width: 100%;
  }
  #left_medium{
    width: 100%;
    padding-left: 0;
    margin-top: 10%;
  }
  .btn_validation{
    margin-left: 50%;
  }
  .sep_resp{
    display: block;
  }
}



@media (orientation: landscape) and (max-width: 768px) {
  #masthead{
    margin-top: 5%!important;
    height:100%;
  }
  #sep_contact{
    width: 22%!important;
  }
  #right_medium{
    margin-top: 3%!important;
  }
  #contact{
    width: 90%!important;
  }
}