.dbl-field .field,.infos-holder,form .message{position:relative}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.container,form .dbl-field{align-items:center;display:flex}.container{padding:0 10px;justify-content:center;margin:40px 0}.wrapper{width:720px;background-color:#fff;border-radius:5px;background-color:var(--accent-color);margin-top:100px}.wrapper header{color:#fff;font-size:22px;padding:20px 30px;border-bottom:1px solid #fff}.wrapper form{margin:35px 30px}form .dbl-field{margin-bottom:25px;justify-content:space-between}.dbl-field .field{height:50px;width:calc(100% / 2 - 13px)}form .field input,form .message textarea{width:100%;height:100%;outline:0;padding:0 18px 0 48px;font-size:16px;border-radius:5px;border:1px solid #ccc}form .field input::placeholder,form .message textarea::placeholder{color:#bfbfbf}.wrapper form .contactSvg{position:absolute;color:#bfbfbf;left:18px;top:50%;font-size:17px;pointer-events:none;transform:translateY(-50%);display:flex}form .field input:focus,form .message textarea:focus{border:2px solid var(--accent-color)}form .field input:focus~.contactSvg #both,form .field input:focus~.contactSvg #pathBoth{fill:var(--accent-color);stroke:var(--accent-color)}form .field input:focus~.contactSvg #fill path{fill:var(--accent-color)}.message textarea:focus~.contactSvg #stroke path,form .field input:focus~.contactSvg #stroke path{stroke:var(--accent-color)}form .message .contactSvg{top:20px}form .message textarea{padding:15px 20px 0 48px;min-height:120px;max-height:300px;min-width:100%;max-width:100%}form .button-area{margin:25px 0;display:flex;align-items:center}.button-area span,.infos-holder p{margin-left:30px;color:#fff}.button-area button{padding:13px 25px;border:none;color:#fff;background:var(--accent-color-light);border-radius:5px;cursor:pointer;transition:.3s;transform:scale(.9)}.contact-infos{display:flex;background-color:var(--accent-color-light);height:477px;width:300px;justify-content:center;align-items:center;margin-top:100px;border-radius:5px;margin-right:10px;transition:.5s}.infos-holder{flex-direction:column;display:block;padding:15px;letter-spacing:2px}.infos-holder header{color:#fff;font-size:30px;margin-bottom:20px;justify-content:center;text-align:center}.infos-holder p{font-size:20px;text-align:start}.info{display:flex;align-items:center;margin-top:40px}.info a{position:inherit;color:#fff;text-decoration:none;margin-left:0}.contact-image-holder{display:flex;align-items:center;justify-content:center}.contact-picture{display:flex;max-width:500px;justify-content:center;border:5px solid var(--accent-color-light);border-radius:5px;height:477px;margin-top:100px;transition:.5s;margin-left:10px}@media (max-width:1430px){.container{flex-direction:column}.wrapper{margin-top:40px}.contact-picture{width:85%;height:unset;margin-top:40px;margin-left:unset}.info a{display:flex;justify-content:space-between}.contact-infos{height:unset;width:720px;margin-right:unset;align-items:unset}.infos-holder header{margin-bottom:50px}}@media (max-width:770px){.contact-infos,.wrapper{width:85%}}@media (max-width:600px){.button-area span,.wrapper header{text-align:center}.wrapper form{margin:35px 20px}form .dbl-field{flex-direction:column;margin-bottom:0}form .dbl-field .field{width:100%;height:45px;margin-bottom:20px}form .message textarea{resize:none}form .button-area{margin-top:20px;flex-direction:column}.button-area button{width:100%;padding:11px 0;font-size:16px}.button-area span{margin:20px 0 0}}