.contact {margin-bottom: 4rem; } .contact > .container {max-width: 1452px; } .contact .contact-panel {overflow: hidden;border: 0; } .contact .contact-panel.bg-light, .contact .contact-panel.bg-white {background: var(--primary) !important; } .contact .col-content {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;min-height: 26.1111111111rem;padding: 2.8888888889rem 2.6666666667rem;color: var(--white); } @media (max-width: 991.98px) {.contact .col-content {min-height: 0;padding: 2.2222222222rem 1.7777777778rem;} } .contact .col-content h2, .contact .col-content .h2 {margin: 0 0 1.4444444444rem;color: var(--white);font-size: 2.1111111111rem;line-height: 1.1; } .contact .col-content h3, .contact .col-content .h3 {margin-bottom: 0.4444444444rem;color: var(--white); } .contact .col-content .content {width: 100%;color: color-mix(in srgb, var(--white) 78%, transparent); } .contact .col-content .content p {margin-bottom: 1.1111111111rem;line-height: 1.7; } .contact .col-content .content strong {color: var(--white); } .contact .col-content .content a {color: var(--secondary);text-decoration: underline;text-underline-offset: 0.1666666667rem; } .contact .col-content .content a:hover {color: var(--white); } .contact .col-content .content *:last-child {margin-bottom: 0; } .contact .col-content .contact-label {display: inline-flex;margin: 0 0 1.5555555556rem !important;padding: 0.6666666667rem 1rem;background: var(--secondary);color: var(--primary) !important;font-size: 1.5555555556rem !important;font-weight: 700;letter-spacing: 0;line-height: 1.1 !important;text-transform: uppercase; } .contact .col-map {min-height: 26.1111111111rem; } .contact .col-map .mapbox {width: 100%;height: 100%;min-height: 26.1111111111rem;margin-bottom: 0; } @media (max-width: 991.98px) {.contact .col-map {min-height: 20rem;}.contact .col-map .mapbox {min-height: 20rem;} } .contact .map-left .col-content {order: 2; } .contact .map-left .col-map {order: 1; } @media (max-width: 767.98px) {.contact {margin-bottom: 2.6666666667rem;}.contact .col-content {padding: 1.8888888889rem 1.3333333333rem;}.contact .col-content h2, .contact .col-content .h2 {font-size: 1.7777777778rem;}.contact .col-content .contact-label {font-size: 1.2777777778rem !important;}.contact .col-map,.contact .col-map .mapbox {min-height: 16.6666666667rem;} } .section.contact {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto; } .section.contact.section-last {margin-bottom: 0; }