.form-box {margin:60px auto; width:640px; padding:50px; text-align:center; overflow: visible; border:2px solid var(--gold);}

.inputRow {position:relative;}
.inputRow2 {display:none;}

.inputRow > input:focus ~ label,
.inputRow > input:not(:focus):valid ~ label{
  top: 20px;
  bottom: 5px;
  right: 20px;
  text-align:right;
  font-size: 10px;
  opacity: 0.5;
}
textarea:focus ~ label,
textarea:not(:focus):valid ~ label{
  top: 180px;
  bottom: 5px;
  right: 20px;
  text-align:right;
  font-size: 10px;
  opacity: 0.5;
}

.inputText { width:94%; margin-bottom:12px; padding:5px 3%; font-size:18px; color:var(--dark-grey); font-family:'Poppins', sans-serif; height:40px; background-color:#fff; border:2px solid var(--gold); border-radius:6px;}
.inputText:focus {color:var(--mid-grey); background-color:var(--light-grey); border:2px solid white; outline:none;}

textarea { width:94%; margin-bottom:0; padding:5px 3%; color:var(--dark-grey); font-size:18px; font-family:'Poppins', sans-serif; height:200px; background-color:#fff; border:2px solid var(--gold); border-radius:6px;}
textarea:focus {color:var(--mid-grey); background-color:var(--light-grey); border:2px solid white; outline:none;}

.inputRow label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 16px;
  color:var(--mid-grey); font-size:15px;
  transition: 0.2s ease all;
}

.btn {display:block; width:200px; margin:30px auto 0 auto; padding:15px 0 14px 0; text-align:center; color:#fff; font-family:"Poppins", sans-serif; font-size:16px; font-weight:600; background-color:var(--gold); letter-spacing:0.1em; border-radius:15px;}
.btn:hover{cursor:pointer; color:var(--dark-grey); background-color:white;}

.g-recaptcha {margin-top:15px;}

.thx-row {display:block; width:640px; padding:50px; margin:20px auto 30px auto; background-color:var(--dark-grey); border:2px solid var(--gold);}

@media screen and (max-width:1024px) {
.form-box, .thx-row {width:80%; padding:30px 5%;}
}

/*@media screen and (max-width:768px) {
.form-box, .thx-row {width:80%;}
}

@media screen and (max-width:939px) {
.form-box {width:380px;}
}
@media screen and (max-width:839px) {
.form-box {width:340px;}
}
@media screen and (max-width:767px) {
.form-box {width:90%; padding:5px 2%;}
.inputText {margin-bottom:15px;}
}
@media screen and (max-width:440px) {
label.chkbq {width:80%; margin-bottom:25px; padding-left:55px;}
}*/

