container {
  padding: 1.5% 8%;
}

form > p, .container > p {
  text-align: center;
  font-size: 24px;
  padding-bottom: 20px;
}

label {
  padding-top: 7px;
}

.form-group {
  margin-bottom: 0;
}

/* contact.html */
.container {
  margin-top: 20px;
}
.require_item {
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  width: 62.5%;
  padding: 3.75% 0;
  float: right;
}

.error_msg {
  font-size: 14px;
  color: #ff0000;
  height: 14px;
}

/* confirm.html */
.display_item {
  padding: 7px 0;
  margin-bottom: 30px;
}

a {
  color: #000;
  border: solid 0.5px rgb(173, 173, 173);
  background-color: #f7f7f7;
  padding: 3.5px 20px;
}

a:hover {
  text-decoration: none;
  color: #000;
}

/* thanks.html */
.thanks_msg {
  text-align: center;
  background-color: #ffffff;
  padding:20px 0 50px;
}

img {
  padding-top: 50px;
  width: 150px;
  
}
.back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;

}
.back > a {
  color: #fff;
  padding: 10px 40px;
  background-color: green;
  border-radius: 5px;
  transition: 0.3s;
}
.back > a:hover {
  background-color: orange;
}

@media screen and (max-width: 768px){
  .col-2 {
    font-size: 12px;
    width: 150px;
  }
  .form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}