#colophon { background-color: var(--second); }

.site-info { font-weight: 700; background-color: var(--second); }

#colophon a,
.site-info a { color: var(--bs-body-color); text-decoration: none; }

#colophon .social-media .element:not(:last-child) { margin-right: 1rem; }

#colophon .social-media .element a svg { width: 46px; }
#colophon .social-media .element a svg path { fill: var(--bs-body-black); }

#colophon a:not(.my-btn):hover,
#colophon a:not(.my-btn):focus,
.site-info a:not(.my-btn):hover,
.site-info a:not(.my-btn):focus { text-decoration: underline; }

#colophon .address .ico svg { fill: var(--bs-body-black); width: auto; height: 16px; }
#colophon .tel .ico svg { fill: var(--bs-body-black); width: auto; height: 17px; }
#colophon .email .ico svg { fill: var(--bs-body-black); width: auto; height: 11px; }

#colophon .ico { width: 17px; display: flex; justify-content: center; align-items: center; }