color: #232426; font-weight: 300; letter-spacing: 8px; text-transform: uppercase; } .contact-form { max-width: 100%; margin: 0 auto; } .form-group { margin-bottom: 30px; } .form-label { display: block; margin-bottom: 12px; font-weight: 400; color: #232426; font-size: 1.2rem; letter-spacing: 2px; text-transform: uppercase; } .form-input, .form-textarea { width: 100%; padding: 18px 0; border: none; border-bottom: 1px solid #ddd; background: transparent; font-size: 1.6rem; font-family: inherit; color: #232426; transition: all 0.3s ease; box-sizing: border-box; outline: none; } .form-input:focus, .form-textarea:focus { border-bottom: 2px solid #232426; background: transparent; } .form-input::placeholder, .form-textarea::placeholder { color: #999; font-size: 1.4rem; } .form-textarea { min-height: 100px; resize: vertical; border: 1px solid #ddd; padding: 18px; margin-top: 8px; } .form-textarea:focus { border: 2px solid #232426; } .form-submit { background: #232426; color: #fff; padding: 18px 50px; border: none; font-size: 1.2rem; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; margin-top: 30px; width: auto; display: block; margin-left: auto; margin-right: auto; } .form-submit:hover { background: #000; transform: translateY(-1px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .contact-info { text-align: center; margin-top: 60px; padding-top: 40px; border-top: 1px solid #eee; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 25px; color: #232426; letter-spacing: 3px; text-transform: uppercase; font-weight: 300; } .contact-info p { font-size: 1.4rem; color: #666; margin-bottom: 15px; line-height: 1.6; } .contact-info a { color: #232426; text-decoration: none; transition: color 0.3s ease; border-bottom: 1px solid transparent; } .contact-info a:hover { color: #666; border-bottom: 1px solid #666; } .social-links { margin-top: 35px; } .social-links a { display: inline-block; margin: 0 20px; font-size: 2.2rem; color: #232426; transition: all 0.3s ease; } .social-links a:hover { color: #666; transform: translateY(-3px); } @media (max-width: 768px) { .contact-container { margin: 80px 20px 40px; padding: 40px 30px; } .contact-title { font-size: 3rem; letter-spacing: 4px; margin-bottom: 40px; } .form-label { font-size: 1.1rem; letter-spacing: 1px; } .form-input, .form-textarea { font-size: 1.4rem; } .form-submit { padding: 16px 40px; font-size: 1.1rem; letter-spacing: 2px; } }
© 2019 T L D All Rights Reserved.
CONTACT

Contact

Get in Touch

We'd love to hear from you. Send us a message and we'll respond as soon as possible.

Email: tlddodti@mail.com