article.contact{background-color:rgba(35,82,143,.4);border-radius:1rem;padding:2rem}article.contact h3{font-size:1.25rem;font-weight:400;margin-bottom:2rem}form{grid-gap:1rem 2rem;display:grid;font-size:1rem;font-weight:300;grid-template-columns:1fr}.notes{text-align:right}@media screen and (min-width:768px){form{grid-template-columns:1fr 1fr}.subject{grid-column:1/2;grid-row:1/2}.job,.product{grid-column:2/3;grid-row:1/2}.message{grid-row:2/6}.attachment,.message{grid-column:1/3}.actions,.notes{grid-column:span 2}}@media screen and (min-width:1024px){form{grid-template-columns:1fr 1fr 1fr}.company{grid-column:1/2}.position{grid-column:2/3}.lastname{grid-row:1/2}.firstname{grid-row:2/3}.email{grid-row:3/4}.actions{grid-column:span 1}.notes{text-align:left}}.field{display:flex;flex-direction:column}form div.hidden{height:0;visibility:hidden;width:0}.textarea textarea{min-height:250px}input::-moz-placeholder,textarea::-moz-placeholder{color:#3275cc}input::placeholder,textarea::placeholder{color:#3275cc}input:focus-visible::-moz-placeholder,input:focus::-moz-placeholder,textarea:focus-visible::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}input:focus-visible::placeholder,input:focus::placeholder,textarea:focus-visible::placeholder,textarea:focus::placeholder{color:transparent}.select-field:focus-within,input:focus-visible,select:focus-visible,textarea:focus-visible{background-color:#23528f;outline:none}.actions{align-items:center;display:flex;justify-content:end}.actions button{flex:0 0 auto}label{color:#6bbee5;display:block;font-weight:400;margin-bottom:.25rem;padding-left:1rem;text-align:left}label span{font-size:1.25em}input,option,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;box-sizing:border-box;color:#fefefe;font-family:inherit;font-size:1rem;font-weight:300}.select-field,input,option,select,textarea{border-radius:4rem;padding:.5rem 1rem}.select-field,input,option,textarea{background-color:#0c1a2d}.select-field{padding:0}input:-moz-placeholder,textarea:-moz-placeholder{background-color:#0f233d}input:placeholder-shown,textarea:placeholder-shown{background-color:#0f233d}textarea{border-radius:1rem}option[selected]{outline:none}select{text-overflow:ellipsis}.select-field{display:flex;position:relative}.select-field:after{border:.35rem solid transparent;border-top-color:#fefefe;content:"";height:0;position:absolute;right:1.5rem;top:1rem;width:0;z-index:1}.select-field select{background-color:transparent;flex:1 1 0%;margin-right:0;z-index:2}.note{color:#6bbee5;display:block}.error p{font-size:.85rem;font-weight:300;margin-top:.25rem;padding-left:1rem}.error label,.error p{color:#e84639}.error input,.error option,.error select,.error textarea{box-shadow:0 0 4px 2px rgba(232,70,57,.45);outline:1px solid rgba(232,70,57,.25)}.error :focus{box-shadow:none;outline:none}.recaptcha{margin-top:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}#attachment{background-color:transparent;border-radius:0;color:#3275cc;cursor:pointer;font-size:1rem;font-weight:300;padding:0}#attachment::file-selector-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0f233d;border:0;border-radius:1rem;color:#3275cc;margin-right:1rem;outline:0;padding:.75rem 1rem}#attachment::file-selector-button:hover{background-color:#3275cc;color:#0f233d}