.contact-info,.container{border-radius:5px;padding:20px}.contact-form,.container{padding:20px}.container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;margin:0 auto auto;max-width:800px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);transition:transform .3s ease-in-out}.contact-form button:hover,.contact-info{background-color:#590ea0}.contact-info{color:#fff}.contact-info h2{margin-top:0}.contact-info p{font-size:18px}.contact-form label{font-weight:700;display:block;margin-bottom:5px;color:#333}@media screen and (max-width:768px){.container{display:grid;grid-template-columns:1;grid-template-rows:2}.contact-info{grid-row:1;grid-column:1/3}.contact-form{grid-row:2;grid-column:1/3}.contact-form h2,.contact-info h2{font-size:24px}.contact-info p{font-size:20px}.contact-form label{font-size:18px}}.contact-form input[type=email],.contact-form input[type=text],textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #590ea0;border-radius:3px}.contact-form input[type=email]:focus,.contact-form input[type=text]:focus,textarea:focus{outline:0;color:#590ea0;border:1px solid #590ea0}.contact-form button{background-color:#a95af3;color:#fff;border:none;padding:10px 20px;border-radius:3px;cursor:pointer;transition:background-color .3s ease-in-out}.success-message{position:absolute;border-radius:25px;top:10%;right:5%;padding:30px 10px;background-color:#36bb36;color:#fff}