#contact {
  font-family: Raleway, Impact, "Arial Black", Arial, Verdana, sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
@media screen and (max-width: 1200px) {
  #contact {
    flex-direction: column;
  }
}
#formfield {
  width: 75%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  #formfield {
    width: 100%;
  }
}
#title-line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.hidetitle {
  font-size: 3vmin;
  background-color: rgba(20, 80, 80, 0.4);
  padding: 10px;
  box-shadow: 5px 2px 2px grey;
  text-decoration: none;
  color: rgb(5, 20, 20);
}
.hidetitle:hover {
  background-color: rgba(20, 80, 80, 0.6);
}
input[type="submit"] {
  font-size: 3vmin;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(to right, rgba(40, 160, 160, 1), rgba(40, 160, 160, 0.6));
  border: rgb(40, 160, 160) 2px solid;
  width: 20%;
  margin: 20px;
  margin-right: 0px;
  color: rgb(230, 240, 240);
}
input[type="submit"]:hover {
  cursor: pointer;
  transition: all 0.8s;
  border: rgb(230, 240, 240) 4px solid;
  background: linear-gradient(to right, rgba(40, 160, 160, 0.8), rgba(40, 160, 160, 0.4));
  color: rgb(20, 80, 80);
}
.request_field {
  text-align: left;
  display: flex;
  flex-direction: column;
  font-size: 2vmin;
}
.perso_field {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.perso_line {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.info_items {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  .info_items {
    flex-direction: row;
  }
}
#infofield {
  width: 20%;
  margin-right: 2%;
  padding: 5px;
}
@media screen and (max-width: 1200px) {
  #infofield {
    width: 100%;
  }
}
.info {
  font-size: 2vmin;
  width: 100%;
  background-color: rgba(20, 80, 80, 0.4);
  margin: 2%;
  padding: 20px;
}
@media screen and (max-width: 1200px) {
  .info {
    width: 30%;
  }
}
fieldset {
  font-size: 3vmin;
  background-color: rgba(20, 80, 80, 0.2);
}
input {
  text-align: left;
  width: 400px;
  padding: 2px;
  font-size: 2vmin;
  font-family: Comfortaa, Impact, "Arial Black", Arial, Verdana, sans-serif;
}
input.long {
  width: 95%;
}
input.cp {
  width: 10vmin;
}
input.tel {
  width: 20vmin;
}
textarea {
  width: 100%;
  font-size: 2vmin;
  font-family: Comfortaa, Impact, "Arial Black", Arial, Verdana, sans-serif;
}
p {
  font-size: 2vmin;
  font-weight: bold;
  padding: 2px;
  margin: 2px;
}
p.label {
  width: 20vmin;
}
h2 {
  font-family: Comfortaa, Impact, "Arial Black", Arial, Verdana, sans-serif;
  color: rgb(10, 50, 50);
  font-size: 3vmin;
  font-weight: bold;
  text-shadow: 2px 2px 4px grey;
  padding: 10px;
  background-color: rgba(20, 80, 80, 0.2);
  border: 1px rgb(20, 80, 80) solid;
  box-shadow: 4px 4px 4px grey;
}
strong {
  line-height: 4vmin;
}
a {
  text-decoration: none;
  color: rgb(20, 80, 80);
}
a.mail {
  font-size: 1.8vmin;
}