/* --------------------------------------------------------------- Contact page: one centred card holding CONTACT US and the company details. Rule 7 wants this page's text on an opaque block; rule 9 wants it centred. The card below satisfies both, and it is what the page looks like with the form and the location block switched off. --------------------------------------------------------------- */ @media screen and (min-width: 768px) { #shopify-section-contact-template .contact-us-page .page-header { background: #FFFFFF; border: 1px solid #E7DECB; border-radius: 10px; max-width: 780px; margin: 0 auto; padding: 34px 40px 38px; box-sizing: border-box; } } #shopify-section-contact-template .contact-us-page .page-header { text-align: center; color: #2A1810; } #shopify-section-contact-template .contact-us-page .page-header h1 { margin: 0 0 22px 0; font-size: 26px; letter-spacing: 0.08em; text-transform: uppercase; color: #2A1810; } #shopify-section-contact-template .contact-us-page .page-header .rte { text-align: center; color: #2A1810; font-size: 15px; line-height: 1.7; } #shopify-section-contact-template .contact-us-page .page-header .rte h3 { margin: 0 0 12px 0; font-size: 17px; letter-spacing: 0.06em; text-transform: uppercase; color: #2A1810; } #shopify-section-contact-template .contact-us-page .page-header .rte p { margin: 0 0 10px 0; } #shopify-section-contact-template .contact-us-page .page-header .rte a { color: #0468AF; } @media screen and (max-width: 767px) { #shopify-section-contact-template .contact-us-page .page-header { padding: 0 16px; } #shopify-section-contact-template .contact-us-page .page-header h1 { font-size: 22px; margin-bottom: 16px; } }