#contact{background-image:url("../images/pics/photo-bureau-kyracom-table-chaise-contact.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-between;align-items:center}#contact:before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(32,68,120,.75) 0%,rgba(32,68,120,.75) 35%,rgba(26,166,183,.75) 100%)}#contact h2{font-size:48px;font-size:3rem;line-height:1}#contact p{font-size:16px;font-size:1rem;line-height:1.05}#contact .card{background-color:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#contact .card .contact-card .field{padding:24px 12px 4px 12px;padding:1.5rem .75rem .25rem .75rem;width:100%;position:relative}#contact .card .contact-card .field label{position:absolute;left:1rem;top:1.75rem;font-size:16px;font-size:1rem;color:#939393;line-height:1;pointer-events:none;transition:all .18s ease}#contact .card .contact-card .field input,#contact .card .contact-card .field text-area{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#contact .card .contact-card .field input:focus~label,#contact .card .contact-card .field input:not(:placeholder-shown)~label,#contact .card .contact-card .field textarea:focus~label,#contact .card .contact-card .field textarea:not(:placeholder-shown)~label{top:1rem;font-size:9.6px;font-size:.6rem;color:#204478}#contact .card .contact-card .field input:focus,#contact .card .contact-card .field textarea:focus{border-bottom-color:#204478;box-shadow:0 2px 0 0 #204478}#contact .card .contact-card .field input,#contact .card .contact-card .field textarea{width:100%;border:0;outline:0;font-size:16px;font-size:1rem;font-family:Outfit,Roboto,Arial,sans-serif;border-bottom:1px solid #939393;padding:.75rem .25rem .6rem .25rem;background:transparent;transition:border-color .2s ease,box-shadow .2s ease}#contact .card .contact-card .field input.invalid,#contact .card .contact-card .field textarea.invalid{border-bottom:1px solid #fc273b}#contact .card .contact-card .field textarea{min-height:120px;resize:vertical;line-height:1.5}#contact .card #div-company{display:none}#contact .validation-message{position:absolute;color:#fc273b;bottom:-.75rem;font-size:12.8px;font-size:.8rem}@media(min-width:1280px) and (max-width:1920px){#contact .h2{font-size:44px;font-size:2.75rem;line-height:1}}@media(min-width:1024px) and (max-width:1279px){#contact .h2{font-size:40px;font-size:2.5rem;line-height:1}}@media(min-width:768px) and (max-width:1023px){#contact h1{margin-bottom:12px;margin-bottom:.75rem}#contact .h2{font-size:32px;font-size:2rem;line-height:1}}@media screen and (max-width:767px){#contact h1{margin-bottom:16px;margin-bottom:1rem}#contact .h2{font-size:28px;font-size:1.75rem;line-height:1}}