.inputField{flex:1;position:relative;font-size:1rem;margin:0 .5rem 5px}.inputField label{letter-spacing:1px;font-size:1rem;margin-bottom:.5rem}.inputField .inputField-input{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.5rem;outline:none;font-size:1rem;letter-spacing:1px;border-radius:0;background:linear-gradient(90deg,#666,#666) 0 100%/0 2px no-repeat,linear-gradient(90deg,#ccc,#ccc) 0 100%/100% 2px no-repeat;transition:background-size .4s ease}.inputField .inputField-error{color:red;display:none;font-size:.9rem;margin-top:.25rem;letter-spacing:1px}input:invalid[focused=true]~.inputField-error,textarea:invalid[focused=true]~.inputField-error{display:block}.inputField input:focus,.inputField textarea:focus{background-size:100% 2px,100% 2px,100%}textarea{resize:none;margin-top:.5rem}.contactPage{width:100%;min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.contactPage .scrollableContainer{width:100%;height:100%;position:relative;padding:4rem 2rem 2rem;display:flex}.contactPage .scrollableContainer form{width:100%;padding:3rem}.contactPage .scrollableContainer form .contactPage-row{width:100%;display:flex;margin-bottom:2rem}.contactPage .scrollableContainer form .contactPage-row h3{font-weight:500;font-size:1rem;margin-left:.5rem;letter-spacing:.5px}.contactPage .scrollableContainer form .contactPage-row .submitBtn{background-color:#666;color:#fff;font-size:1rem;border-radius:3px;padding:.75rem 2rem;cursor:pointer;transition:all .8s ease;font-weight:500;text-transform:uppercase;display:flex;justify-content:center;align-items:center;letter-spacing:1px}.contactPage .scrollableContainer form .contactPage-row .submitBtn svg{font-size:1.5rem;margin-left:.25rem;aspect-ratio:1/1}.contactPage .scrollableContainer form .contactPage-row .submitBtn:hover{box-shadow:inset 12em 0 0 0 #2f2f2f}.contactPage .scrollableContainer form .contactPage-row:last-child{padding-top:.5rem;margin-bottom:0;justify-content:flex-end;padding-right:1rem}.contactPage .scrollableContainer form .vertical{flex-direction:column}.contactPage .fixedContainer{width:100%;height:100%;background-color:#f0f0f0;padding:5rem 3rem 1rem;gap:2rem}.contactPage .fixedContainer,.contactPage .fixedContainer .row{display:flex;flex-direction:column}.contactPage .fixedContainer h1{font-size:2rem;font-weight:500;text-transform:uppercase;margin-top:2rem}.contactPage .fixedContainer h3{color:#666;text-transform:uppercase}.contactPage .fixedContainer a,.contactPage .fixedContainer p{font-weight:500}.contactPage .fixedContainer .mapContainer{width:100%;max-width:450px;height:250px;overflow:hidden;margin-top:1rem}.contactPage .fixedContainer .mapContainer iframe{width:100%;height:100%;border:0}@media screen and (max-width:1000px){.contactPage{grid-template-columns:1fr}}@media screen and (max-width:500px){.contactPage .scrollableContainer{padding:4rem 1rem 2rem}.contactPage .scrollableContainer form{padding:3rem 0}.contactPage .scrollableContainer form .contactPage-row{flex-direction:column;gap:2rem}.contactPage .scrollableContainer form .contactPage-row .submitBtn{width:100%}.contactPage .fixedContainer{padding:1rem}}