.layout-row-page article.hentry > .container-wider { padding-top: 7rem; padding-bottom: 7rem; }
.layout-row-page .contacts { position: relative; }
.layout-row-page .contacts .map { overflow: hidden; flex-basis: 50%; aspect-ratio: 1 / 1; background-color: #eee; }
.layout-row-page .contacts .map .leaflet-popup { font-family: Poppins, sans-serif; font-size: .6rem; }
.layout-row-page .contacts .map .leaflet-popup strong { font-size: .7rem; }
.layout-row-page .contacts .map .leaflet-control-attribution { font-size: .35rem; }
.layout-row-page .contacts .meta { flex-basis: 50%; padding: 5rem 3rem 5rem 5rem; }
.layout-row-page .contacts .meta h2 { font-size: 1.75rem; line-height: 1.2; margin-bottom: 1rem; }
.layout-row-page .contacts .meta p { font-size: 1rem; line-height: 1.4; margin-bottom: 0; }
.layout-row-page .contacts .meta .email-tel { padding-top: 1rem; margin-top: 1rem; border-top: 2px solid var(--telos-red); }
.layout-row-page .contacts .meta .email-tel ul { list-style-type: none; margin: 0; padding: 0; gap: 1rem; }
.layout-row-page .contacts .meta .email-tel a { font-size: .9rem; }
.layout-row-page .contacts .meta .email-tel a i { font-size: 1.2rem; }

@media (max-width: 767px) {
    .layout-row-page article.hentry > .container-wider { padding-top: 2rem; padding-bottom: 2rem; }
    .layout-row-page .contacts .map { transform: none !important; margin-bottom: 1.5rem; }
    .layout-row-page .contacts .meta { padding: 0; }
    .layout-row-page .contacts .meta h2 { font-size: 1.5rem; }
}