.maqueda-contact {
--mq-text: #454545;
--mq-muted: #8d8d8d;
--mq-line: #dedede;
--mq-background: #ffffff;
width: 100%;
padding: 70px 24px 90px;
color: var(--mq-text);
background: var(--mq-background);
}
.maqueda-contact,
.maqueda-contact * {
box-sizing: border-box;
}
.maqueda-contact__container {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.maqueda-contact__title {
margin: 0 0 58px;
color: var(--mq-text);
font-family: "Courier New", Courier, monospace;
font-size: clamp(27px, 4vw, 38px);
font-weight: 700;
line-height: 1.15;
letter-spacing: 2px;
text-align: left;
}
.maqueda-contact__address,
.maqueda-contact__row {
display: grid;
grid-template-columns: 74px minmax(0, 1fr);
gap: 38px;
}
.maqueda-contact__address {
padding-bottom: 30px;
}
.maqueda-contact__row {
min-height: 138px;
padding: 37px 0;
border-top: 1px solid var(--mq-line);
color: inherit;
text-decoration: none;
align-items: center;
transition: opacity 0.2s ease;
}
.maqueda-contact__row:hover {
opacity: 0.7;
}
.maqueda-contact__icon {
display: flex;
justify-content: center;
align-items: flex-start;
color: var(--mq-muted);
}
.maqueda-contact__icon svg {
display: block;
width: 48px;
height: 48px;
fill: currentColor;
}
.maqueda-contact__address .maqueda-contact__icon svg {
width: 52px;
height: 52px;
}
.maqueda-contact__content {
min-width: 0;
font-family: "Courier New", Courier, monospace;
}
.maqueda-contact__content h3 {
margin: 0 0 34px;
color: var(--mq-text);
font: inherit;
font-size: 27px;
font-weight: 700;
line-height: 1.25;
}
.maqueda-contact__content address {
display: flex;
flex-direction: column;
gap: 36px;
margin: 0;
font-style: normal;
font-size: 26px;
line-height: 1.3;
}
.maqueda-contact__label,
.maqueda-contact__value {
display: block;
}
.maqueda-contact__label {
margin-bottom: 5px;
color: var(--mq-text);
font-size: 26px;
line-height: 1.2;
}
.maqueda-contact__value {
color: var(--mq-muted);
font-size: 25px;
line-height: 1.3;
overflow-wrap: anywhere;
}
@media screen and (max-width: 749px) {
.maqueda-contact {
padding: 45px 20px 60px;
}
.maqueda-contact__title {
margin-bottom: 38px;
font-size: 27px;
line-height: 1.2;
letter-spacing: 1px;
}
.maqueda-contact__address,
.maqueda-contact__row {
grid-template-columns: 42px minmax(0, 1fr);
gap: 17px;
}
.maqueda-contact__address {
padding-bottom: 28px;
}
.maqueda-contact__row {
min-height: auto;
padding: 28px 0;
}
.maqueda-contact__icon svg,
.maqueda-contact__address .maqueda-contact__icon svg {
width: 34px;
height: 34px;
}
.maqueda-contact__content h3 {
margin-bottom: 25px;
font-size: 20px;
}
.maqueda-contact__content address {
gap: 19px;
font-size: 17px;
line-height: 1.45;
}
.maqueda-contact__label {
font-size: 18px;
}
.maqueda-contact__value {
font-size: 16px;
line-height: 1.45;
}
}
@media screen and (max-width: 380px) {
.maqueda-contact {
padding-right: 15px;
padding-left: 15px;
}
.maqueda-contact__title {
font-size: 24px;
}
.maqueda-contact__address,
.maqueda-contact__row {
grid-template-columns: 34px minmax(0, 1fr);
gap: 13px;
}
.maqueda-contact__icon svg,
.maqueda-contact__address .maqueda-contact__icon svg {
width: 29px;
height: 29px;
}
.maqueda-contact__value {
font-size: 14px;
}
}
