.contactos{overflow:hidden;width:100%;padding:16px}.contactos h1{border-bottom:1px solid rgba(192,192,192,1);padding-top:30px;font-variant:small-caps;letter-spacing:.8px;font-size:35px;color:rgba(0,0,0,.8)}.contactos p{padding:16px 0}.contactos-form{width:80%;padding:10px;background-color:#fff;box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 5px}.con{padding:10px 0}.error{font-size:12px;color:red}.contactos-form label{font-size:14px;font-weight:700}.contactos-form input{height:34px;width:50%;border:1px solid rgba(128,128,128,.3);padding:4px;font-size:1rem;transition:width .4s ease-in-out;border-radius:4px}.contactos-form input:focus{border:1px solid green;width:60%;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.contactos-form textarea{width:70%;padding:4px;font-size:1rem;border-radius:4px}.contactos-form textarea:focus{border:1px solid green;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.contactos-form button{background-color:#5d6d7e;border:none;color:#fff;padding:15px 25px;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;margin:4px 5px;cursor:pointer;border-radius:5px;transition-duration:.4s}.contactos-form button:hover{background-color:#f1a82a;color:#3129bf;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.contactos-form .contador{font-size:10px;color:red;margin-top:0;display:none}.contactos-form .contador span{font-weight:700}@media (max-width:800px){.contactos{padding:10px}}@media (max-width:640px){.contactos-form{width:100%}.contactos-form input{width:70%}.contactos-form input:focus{width:75%}.contactos-form textarea{width:90%}}@media (max-width:480px){.contactos-form input{width:90%}.contactos-form input:focus,.contactos-form textarea{width:95%}}