.form-box {margin:0 auto 10px auto; width:90%; padding:2%; text-align:center; overflow: visible;}

.inputRow {position:relative;}

.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: 92%; margin-bottom:10px; padding:5px 4%; font-size:18px; color:#202a5e; height:40px; background-color:#fff; border:1px solid #2a91b0;}
.inputText:focus {box-shadow:0 0 5px #181818; border:1px solid #202a5e;}

textarea { width: 92%; margin-bottom:0; padding:5px 4%; color:#202a5e; font-size:18px; font-family:'Open Sans', sans-serif; height:200px; background-color:#fff; border:1px solid #2a91b0;}
textarea:focus {box-shadow:0 0 5px #181818; border:1px solid #202a5e;}

.inputRow label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 16px;
  color:#2a91b0; font-size:15px;
  transition: 0.2s ease all;
}

.btn {display:block; width:180px; margin:20px auto 0 auto; padding:20px 0 19px 0;text-align:center;color:#fff; font-size:16px;font-weight:400;background-color:#202a5e; border:2px solid #fff; letter-spacing:0.15em;}
.btn:hover{background-color:#2a91b0; cursor:pointer;}

@media screen and (max-width:1024px) {
.btn {margin-bottom:90px;}	
}

