.section.section-contacts {max-width: 1920px;margin: 0 auto;background: var(--light);padding-top: 7.5rem;padding-bottom: 6.7142857143rem;color: var(--black) !important; } .section.section-contacts p {font-size: 2.2857142857rem;text-align: center;margin-bottom: 4.7857142857rem; } .section.section-contacts p a {color: var(--black);text-decoration: underline; } .section.section-contacts p a:hover {color: var(--link-hover-color); } .section.section-contacts .col-card {padding-top: 1.7857142857rem; } .section.section-contacts .card {border: solid 2px var(--primary);box-shadow: none;background: transparent;text-decoration: none !important;transition-duration: 250ms;transition-property: border-color;padding-bottom: 1.4285714286rem; } .section.section-contacts .card .icon {background: var(--light);position: absolute;padding: 0.7142857143rem;top: 0;transform: translate(-50%, -50%);left: 50%; } .section.section-contacts .card .icon svg {width: auto;height: 4.2857142857rem; } .section.section-contacts .card .card-title {font-size: 1.4285714286rem;text-transform: uppercase;text-align: center;padding-top: 2.5rem;transition-duration: 250ms;transition-property: color;margin-bottom: 0.7142857143rem; } .section.section-contacts .card .card-text {font-size: 1.4285714286rem;text-align: center;color: var(--black);transition-duration: 250ms;transition-property: color;margin-bottom: 0; } @media (min-width: 768px) {.section.section-contacts .card .card-text {font-size: 2.9285714286rem;} } .section.section-contacts .card svg {color: var(--black); } .section.section-contacts .card:hover {border-color: var(--link-hover-color); } .section.section-contacts .card:hover .card-title {color: var(--link-hover-color); } .section.section-contacts .card:hover .card-text {color: var(--link-hover-color); } .section.section-contacts .card:hover svg {color: var(--link-hover-color); }