.contact{position:relative;overflow:hidden}.container-contact{flex-direction:column;height:100%;display:flex}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:#fff;background-color:#1a1a1a;padding:0 .5rem;font-size:.875rem;transition:all .3s;position:absolute;top:-.5rem;left:1rem}.form-group input,.form-group textarea{color:#fff;background-color:#2d2d2d;border:2px solid #3d3d3d;border-radius:.5rem;width:100%;padding:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#d04692;outline:none}.error-message{color:#ff4d4d;margin-top:.25rem;font-size:.875rem;position:absolute}.success-message{color:#fff;z-index:1000;background-color:#4caf50;border-radius:.5rem;padding:1rem 2rem;position:fixed;top:2rem;right:2rem}.title-contact{height:2%}@media (max-width:768px){.contact-image-container{border-bottom-right-radius:2rem;border-bottom-left-radius:2rem;height:30vh;position:relative;overflow:hidden}.contact-form-container{-webkit-overflow-scrolling:touch;height:auto;min-height:70vh;padding:2rem 1rem 4rem;position:relative;overflow-y:auto}.contact-form-container form{padding-bottom:2rem}.title-contact{height:20%}.contact-form-container button[type=submit]{z-index:10;margin-bottom:2rem;position:relative}}@media (min-width:769px){.contact-image-container{border-radius:1rem;height:100%;overflow:hidden}.contact-form-container{height:100%;padding:2rem}}