/* Ekonomik Su Tesisatı • iç sayfa yerleşimi
   Yalnızca #eko-page içini etkiler. Ana sayfa, mevcut tema CSS'i,
   navbar ve footer seçicilerine müdahale etmez. */
#eko-page {
  --eko-ink:#102a57; --eko-navy:#0d3767; --eko-blue:#0e8fcf;
  --eko-body:#536178; --eko-line:#dde6ef; --eko-soft:#f4f7fb;
  color:var(--eko-body); background:#fff; font-family:Rubik,Arial,sans-serif;
  font-size:16px; line-height:1.8; width:100%; max-width:100%; min-width:0;
  display:flow-root; position:relative; isolation:isolate; overflow-wrap:break-word;
}
#eko-page *, #eko-page *::before, #eko-page *::after {box-sizing:border-box;}
#eko-page :is(section,article,aside,div,figure,nav,header,footer) {min-width:0;}
#eko-page :is(h1,h2,h3,h4,p,figure,ul,ol) {margin:0;}
#eko-page :is(h1,h2,h3,h4) {font-family:Nunito,Arial,sans-serif; color:var(--eko-ink); font-weight:800; line-height:1.22; word-break:normal; overflow-wrap:break-word;}
#eko-page h1 {font-size:clamp(32px,3.4vw,49px); letter-spacing:-1.1px; text-wrap:balance;}
#eko-page h2 {font-size:clamp(24px,2.15vw,32px); letter-spacing:-.55px;}
#eko-page h3 {font-size:21px; letter-spacing:-.25px;}
#eko-page p + p {margin-top:17px;}
#eko-page a {color:var(--eko-navy); text-decoration:none;}
#eko-page a:hover {color:var(--eko-blue);}
#eko-page a:focus-visible, #eko-page summary:focus-visible {outline:3px solid #ffcc32; outline-offset:4px;}
#eko-page svg {display:block; width:20px; height:20px; flex:0 0 20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
#eko-page .eko-shell {width:calc(100% - 64px); max-width:1240px; margin:0 auto;}
#eko-page .eko-crumbs {display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding:23px 0; color:#69778a; font-size:12px; line-height:1.6;}
#eko-page .eko-crumbs a {font-weight:500;}
#eko-page .eko-crumbs .eko-sep {color:#91a5ba;}
#eko-page .eko-kicker {display:flex; align-items:center; gap:10px; color:#0873a7; font-weight:600; text-transform:uppercase; font-size:11px; letter-spacing:1.45px; line-height:1.5; margin-bottom:16px;}
#eko-page .eko-kicker::before {content:""; width:25px; height:3px; flex-shrink:0; background:var(--eko-blue); border-radius:3px;}
#eko-page .eko-lead {font-size:17px; line-height:1.85; margin-top:20px; max-width:64ch;}
#eko-page .eko-hero {background:linear-gradient(115deg,#f3f8fc,#fff); border-top:1px solid #e8eef4; border-bottom:1px solid var(--eko-line); padding:42px 0;}
#eko-page .eko-hero-grid {display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:48px;}
#eko-page .eko-hero .eko-photo-frame {aspect-ratio:5/4;}
#eko-page .eko-hero .eko-photo {box-shadow:0 16px 44px rgba(13,55,103,.09); background:#fff; border-radius:20px; border:1px solid var(--eko-line);}
#eko-page .eko-hero .eko-photo-frame {border:0; border-radius:19px 19px 0 0;}
#eko-page .eko-hero .eko-photo figcaption {padding:10px 16px 12px; margin:0;}
#eko-page .eko-badges {display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0;}
#eko-page .eko-badge {display:inline-flex; align-items:center; gap:7px; border:1px solid #dbe7f0; background:white; color:var(--eko-navy); padding:7px 10px; border-radius:8px; font-size:11px; font-weight:600; line-height:1.6;}
#eko-page .eko-badge svg {width:15px; height:15px; flex-basis:15px; color:var(--eko-blue);}
#eko-page .eko-actions {display:flex; flex-wrap:wrap; gap:10px; margin-top:24px;}
#eko-page .eko-button {display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:12px 19px; border:1px solid transparent; border-radius:10px; font-size:14px; font-weight:600; line-height:1.5; text-align:center; transition:filter .16s ease;}
#eko-page .eko-button:hover {filter:brightness(.94);}
#eko-page .eko-button.eko-call {background:#d72622; color:#fff;}
#eko-page .eko-button.eko-wa {background:#128244; color:#fff;}
#eko-page .eko-button.eko-secondary {background:#edf5fa; color:var(--eko-navy); border-color:#d8e7f1;}
#eko-page .eko-note {font-size:12px; line-height:1.7; color:#647389; margin-top:12px;}
#eko-page .eko-section {padding:54px 0; display:flow-root;}
#eko-page .eko-section + .eko-section {border-top:1px solid #e8eef4;}
#eko-page .eko-section.eko-soft {background:var(--eko-soft);}
#eko-page .eko-section-heading {display:flex; justify-content:space-between; gap:20px; align-items:flex-end; margin-bottom:27px;}
#eko-page .eko-section-heading .eko-kicker {margin-bottom:10px;}
#eko-page .eko-section-heading p {margin-top:12px; max-width:76ch; font-size:15px;}
#eko-page .eko-text-link {display:inline-flex; align-items:center; gap:8px; font-size:13px; line-height:1.5; font-weight:600; flex-shrink:0;}
#eko-page .eko-copy h2, #eko-page .eko-copy h3 {margin-bottom:18px;}
#eko-page .eko-copy {max-width:76ch;}
#eko-page .eko-copy p {font-size:16px; line-height:1.85;}
#eko-page .eko-split {display:grid; grid-template-columns:minmax(0,1.36fr) minmax(0,1fr); gap:42px; align-items:start;}
#eko-page .eko-split.eko-reverse {grid-template-columns:minmax(0,1fr) minmax(0,1.36fr);}
#eko-page .eko-split.eko-center {align-items:center;}
#eko-page .eko-stack {display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-content:start; height:auto;}
#eko-page .eko-panel {padding:25px; border:1px solid var(--eko-line); border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(13,55,103,.035); height:auto;}
#eko-page .eko-panel h3 {margin-bottom:10px;}
#eko-page .eko-panel p {font-size:14px; line-height:1.8;}
#eko-page .eko-panel.eko-panel-blue {background:#edf6fb; border-color:#d4e7f2; border-left:3px solid var(--eko-blue);}
#eko-page .eko-mini-head {display:flex; align-items:center; gap:10px; margin-bottom:10px;}
#eko-page .eko-mini-head h3 {margin:0;}
#eko-page .eko-mini-head svg {color:var(--eko-blue);}
#eko-page .eko-photo {display:block; width:100%; margin:0; align-self:start;}
#eko-page .eko-photo-frame {display:block; position:relative; width:100%; aspect-ratio:4/3; border-radius:16px; border:1px solid var(--eko-line); overflow:hidden; background:#eaf0f5;}
#eko-page .eko-photo-frame > img {display:block; position:static; width:100%; height:100%; max-width:100%; object-fit:cover; object-position:center; float:none; margin:0; padding:0; transform:none;}
#eko-page .eko-photo figcaption {font-size:11px; line-height:1.65; color:#647389; padding-top:9px;}
#eko-page .eko-photo-pair {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start;}
#eko-page .eko-photo-pair.eko-pair-large {gap:24px; margin-top:26px;}
#eko-page .eko-photo-pair.eko-pair-large .eko-photo-frame {aspect-ratio:16/9;}
#eko-page .eko-media-three {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:26px;}
#eko-page .eko-media-five {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px;}
#eko-page .eko-media-five .eko-photo-frame {border-radius:12px; aspect-ratio:4/3;}
#eko-page .eko-prose-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:38px; align-items:start;}
#eko-page .eko-prose-grid .eko-copy {max-width:none;}
#eko-page .eko-steps {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px;}
#eko-page .eko-step {padding:24px 22px; border:1px solid var(--eko-line); border-radius:15px; background:#fff; display:flex; flex-direction:column; align-items:flex-start;}
#eko-page .eko-step-number {width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#e5f2fa; color:var(--eko-blue); font-family:Nunito,Arial,sans-serif; font-size:18px; font-weight:800; margin-bottom:18px;}
#eko-page .eko-step h3 {font-size:19px; margin-bottom:10px;}
#eko-page .eko-step p {font-size:13px; line-height:1.85;}
#eko-page .eko-faq {display:grid; gap:12px;}
#eko-page .eko-faq details {background:#fff; border:1px solid var(--eko-line); border-radius:12px; padding:0; overflow:hidden;}
#eko-page .eko-faq summary {display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; list-style:none; color:var(--eko-ink); font-weight:500; font-size:15px; line-height:1.6; padding:18px 20px;}
#eko-page .eko-faq summary::-webkit-details-marker {display:none;}
#eko-page .eko-faq summary::after {content:'+'; display:flex; align-items:center; justify-content:center; width:26px; height:26px; flex:0 0 26px; border-radius:7px; background:#edf5fa; color:var(--eko-blue); font-size:21px; font-weight:400;}
#eko-page .eko-faq details[open] summary {background:#f3f8fc;}
#eko-page .eko-faq details[open] summary::after {content:'−';}
#eko-page .eko-faq-answer {padding:18px 20px 21px; font-size:14px; line-height:1.8;}
#eko-page .eko-card-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch;}
#eko-page .eko-card {border:1px solid var(--eko-line); border-radius:17px; background:#fff; overflow:hidden; display:flex; flex-direction:column; min-width:0; transition:box-shadow .18s ease;}
#eko-page .eko-card:hover {box-shadow:0 14px 32px rgba(13,55,103,.08);}
#eko-page .eko-card .eko-card-media {display:block; aspect-ratio:16/10; background:#eaf0f5; overflow:hidden;}
#eko-page .eko-card .eko-card-media img {display:block; position:static; width:100%; height:100%; object-fit:cover; max-width:100%;}
#eko-page .eko-card-body {padding:23px; display:flex; flex-direction:column; align-items:flex-start; flex:1 0 auto;}
#eko-page .eko-card-tag {font-size:10px; letter-spacing:.8px; font-weight:600; color:#0873a7; text-transform:uppercase; margin-bottom:10px;}
#eko-page .eko-card h3 {font-size:21px; margin-bottom:12px;}
#eko-page .eko-card p {font-size:14px; line-height:1.8; margin-bottom:18px;}
#eko-page .eko-card .eko-text-link {margin-top:auto; padding-top:8px;}
#eko-page .eko-service-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px;}
#eko-page .eko-service-tile {display:flex; flex-direction:column; padding:23px; border:1px solid var(--eko-line); border-radius:14px; background:#fff;}
#eko-page .eko-service-tile svg {margin-bottom:15px; color:var(--eko-blue); width:24px; height:24px;}
#eko-page .eko-service-tile h3 {font-size:19px; margin-bottom:11px;}
#eko-page .eko-service-tile p {font-size:13px; line-height:1.8;}
#eko-page .eko-service-tile a {margin-top:auto; padding-top:14px;}
#eko-page .eko-cta {display:grid; grid-template-columns:minmax(0,1fr) auto; gap:26px; align-items:center; padding:32px; border-radius:18px; background:var(--eko-navy);}
#eko-page .eko-cta h2 {color:#fff; font-size:27px; margin-bottom:10px;}
#eko-page .eko-cta p {color:#d5e2f2; font-size:14px; line-height:1.8; max-width:66ch;}
#eko-page .eko-cta .eko-actions {margin:0;}
#eko-page .eko-cta .eko-button {min-width:166px;}
#eko-page .eko-cta .eko-button.eko-wa {background:#128244; color:#fff;}
#eko-page .eko-indexlinks {display:flex; flex-wrap:wrap; gap:8px 18px; padding-top:22px; font-size:13px;}
/* Rehber: kısa yan panel, bağımsız makale bölümleri; uzayan boş kolon yok. */
#eko-page.eko-blog .eko-hero {background:#fff; border-top:1px solid #e9eff5;}
#eko-page.eko-blog .eko-hero .eko-photo-frame {aspect-ratio:6/5;}
#eko-page .eko-editor-meta {display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:19px; font-size:12px; color:#6f7c8e;}
#eko-page .eko-toc {background:#f4f8fc;}
#eko-page .eko-toc h3 {font-size:21px; margin-bottom:16px;}
#eko-page .eko-toc ol {padding:0; list-style:none; counter-reset:eko-toc;}
#eko-page .eko-toc li {counter-increment:eko-toc; border-top:1px solid #dbe6f0;}
#eko-page .eko-toc a {display:flex; align-items:flex-start; gap:11px; padding:13px 0; font-size:13px; font-weight:500; line-height:1.7;}
#eko-page .eko-toc a::before {content:'0' counter(eko-toc); color:var(--eko-blue); font-size:11px; padding-top:2px; flex-shrink:0;}
#eko-page .eko-safety {background:#fff8e8; border-color:#ecdec0; border-left:3px solid #d7a32a;}
#eko-page .eko-safety .eko-mini-head svg {color:#ae7b14;}
#eko-page .eko-article-section {scroll-margin-top:130px;}
/* Bölge ve kurumsal sayfalar */
#eko-page.eko-region .eko-hero {background:#f1f7fb;}
#eko-page.eko-region .eko-hero .eko-photo-frame {aspect-ratio:5/4;}
#eko-page .eko-region-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px;}
#eko-page .eko-region-link {display:flex; gap:12px; align-items:center; padding:16px 17px; border:1px solid var(--eko-line); background:#fff; border-radius:12px; font-size:14px; font-weight:500;}
#eko-page .eko-region-link svg {color:var(--eko-blue);}
#eko-page .eko-region-link .eko-arrow {margin-left:auto; font-size:18px;}
#eko-page .eko-facts {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--eko-line); border:1px solid var(--eko-line); border-radius:13px; overflow:hidden; margin-top:24px;}
#eko-page .eko-fact {padding:18px 13px; background:#fff; text-align:center;}
#eko-page .eko-fact strong {display:block; font-family:Nunito,Arial,sans-serif; color:var(--eko-navy); font-size:26px; line-height:1.1; font-weight:800;}
#eko-page .eko-fact span {display:block; font-size:11px; margin-top:7px;}
#eko-page .eko-contact-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;}
#eko-page .eko-contact-card {padding:25px; background:#fff; border:1px solid var(--eko-line); border-radius:15px;}
#eko-page .eko-contact-card > svg {color:var(--eko-blue); margin-bottom:16px;}
#eko-page .eko-contact-card h2 {font-size:21px; margin-bottom:12px;}
#eko-page .eko-contact-card a {display:block; font-weight:600; font-size:16px; overflow-wrap:anywhere;}
#eko-page .eko-contact-card p {font-size:13px; margin-top:10px;}
#eko-page .eko-legal-title {max-width:900px;}
#eko-page .eko-legal-grid {display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); gap:32px; align-items:start;}
#eko-page .eko-legal-copy {display:grid; gap:0; border:1px solid var(--eko-line); border-radius:16px; background:#fff; padding:8px 28px;}
#eko-page .eko-legal-section {padding:25px 0;}
#eko-page .eko-legal-section + .eko-legal-section {border-top:1px solid var(--eko-line);}
#eko-page .eko-legal-section h2 {font-size:23px; margin-bottom:12px;}
#eko-page .eko-legal-section p {font-size:15px;}
#eko-page .eko-legal-links {display:grid; gap:0;}
#eko-page .eko-legal-links a {padding:10px 0; border-top:1px solid var(--eko-line); font-size:13px;}
#eko-page .eko-legal-contact {display:block; overflow-wrap:anywhere; font-size:13px; margin-top:8px;}
#eko-page .eko-directory-head {max-width:830px; margin-bottom:30px;}
#eko-page .eko-directory-head .eko-lead {max-width:none;}
#eko-page .eko-related-description {max-width:80ch;}
@media(min-width:1600px) {#eko-page .eko-shell {max-width:1280px;}}
@media(max-width:1100px) {
  #eko-page .eko-hero-grid, #eko-page .eko-split, #eko-page .eko-split.eko-reverse {gap:28px;}
  #eko-page .eko-hero-grid {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);}
  #eko-page .eko-steps {grid-template-columns:repeat(2,minmax(0,1fr));}
  #eko-page .eko-cta {grid-template-columns:1fr;}
  #eko-page .eko-cta .eko-actions {justify-content:flex-start;}
  #eko-page .eko-card-grid {gap:18px;}
  #eko-page .eko-card-body {padding:19px;}
  #eko-page .eko-contact-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #eko-page .eko-contact-card:last-child {grid-column:1/-1;}
}
@media(max-width:820px) {
  #eko-page .eko-shell {width:calc(100% - 40px);}
  #eko-page .eko-hero {padding:32px 0;}
  #eko-page .eko-hero-grid, #eko-page .eko-split, #eko-page .eko-split.eko-reverse, #eko-page .eko-legal-grid {grid-template-columns:minmax(0,1fr); gap:26px;}
  #eko-page .eko-hero .eko-photo-frame, #eko-page.eko-blog .eko-hero .eko-photo-frame, #eko-page.eko-region .eko-hero .eko-photo-frame {aspect-ratio:16/10;}
  #eko-page .eko-split.eko-reverse > .eko-media-column {order:2;}
  #eko-page .eko-copy {max-width:none;}
  #eko-page .eko-prose-grid {gap:25px;}
  #eko-page .eko-section {padding:38px 0;}
  #eko-page .eko-card-grid, #eko-page .eko-service-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #eko-page .eko-region-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #eko-page .eko-section-heading {flex-direction:column; align-items:flex-start; gap:14px; margin-bottom:22px;}
  #eko-page .eko-media-five {grid-template-columns:repeat(3,minmax(0,1fr));}
  #eko-page .eko-toc {padding:22px;}
  #eko-page .eko-toc ol {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px;}
}
@media(max-width:575px) {
  #eko-page {font-size:15px;}
  #eko-page .eko-shell {width:calc(100% - 36px);}
  #eko-page h1 {font-size:32px; letter-spacing:-.6px;}
  #eko-page h2 {font-size:25px;}
  #eko-page h3 {font-size:20px;}
  #eko-page .eko-crumbs {padding:18px 0; font-size:11px; gap:4px 7px;}
  #eko-page .eko-hero {padding:28px 0;}
  #eko-page .eko-kicker {font-size:10px; letter-spacing:1.05px; margin-bottom:13px;}
  #eko-page .eko-lead {font-size:15px; line-height:1.85; margin-top:16px;}
  #eko-page .eko-badges {gap:6px; margin-top:19px;}
  #eko-page .eko-badge {font-size:10px; padding:6px 8px; gap:5px;}
  #eko-page .eko-actions {display:grid; grid-template-columns:minmax(0,1fr); width:100%; margin-top:20px;}
  #eko-page .eko-button {width:100%; padding:12px 14px; min-height:48px;}
  #eko-page .eko-hero-grid {gap:25px;}
  #eko-page .eko-copy p {font-size:15px; line-height:1.9;}
  #eko-page .eko-copy h2, #eko-page .eko-copy h3 {margin-bottom:15px;}
  #eko-page .eko-section {padding:32px 0;}
  #eko-page .eko-panel {padding:20px; border-radius:13px;}
  #eko-page .eko-steps, #eko-page .eko-card-grid, #eko-page .eko-service-grid, #eko-page .eko-contact-grid, #eko-page .eko-prose-grid {grid-template-columns:minmax(0,1fr); gap:17px;}
  #eko-page .eko-step {padding:21px;}
  #eko-page .eko-step-number {margin-bottom:13px;}
  #eko-page .eko-step p {font-size:14px;}
  #eko-page .eko-photo-pair {gap:11px;}
  #eko-page .eko-photo-pair.eko-pair-large {gap:13px; margin-top:22px;}
  #eko-page .eko-photo-pair.eko-pair-large .eko-photo-frame {aspect-ratio:4/3;}
  #eko-page .eko-photo-frame {border-radius:13px;}
  #eko-page .eko-photo figcaption {font-size:10px; line-height:1.6;}
  #eko-page .eko-media-three {grid-template-columns:minmax(0,1fr); gap:20px;}
  #eko-page .eko-media-three .eko-photo-frame {aspect-ratio:16/10;}
  #eko-page .eko-media-five {grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px;}
  #eko-page .eko-cta {padding:25px 21px; gap:21px; border-radius:14px;}
  #eko-page .eko-cta h2 {font-size:24px;}
  #eko-page .eko-card h3 {font-size:22px;}
  #eko-page .eko-card-body {padding:23px;}
  #eko-page .eko-card p {font-size:14px;}
  #eko-page .eko-faq summary {padding:16px; font-size:14px;}
  #eko-page .eko-faq-answer {padding:16px;}
  #eko-page .eko-toc ol {grid-template-columns:minmax(0,1fr);}
  #eko-page .eko-legal-copy {padding:0 21px;}
  #eko-page .eko-legal-section {padding:22px 0;}
  #eko-page .eko-contact-card:last-child {grid-column:auto;}
  #eko-page .eko-facts {margin-top:20px;}
  #eko-page .eko-fact strong {font-size:24px;}
  #eko-page .eko-fact span {font-size:10px;}
  #eko-page .eko-region-link {font-size:12px; padding:13px 12px; gap:8px;}
  #eko-page .eko-region-link svg {width:17px; height:17px; flex-basis:17px;}
}
@media(prefers-reduced-motion:reduce) {#eko-page * {scroll-behavior:auto !important; transition:none !important;}}
#eko-page .eko-note-cards {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:stretch;}
#eko-page .eko-note-card {padding:26px; background:#fff; border:1px solid var(--eko-line); border-radius:15px;}
#eko-page .eko-note-card h3 {font-size:21px; margin-bottom:15px;}
#eko-page .eko-note-card p {font-size:15px; line-height:1.85;}
#eko-page .eko-note-card:last-child:nth-child(odd) {grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr); gap:26px; align-items:start;}
#eko-page .eko-note-card:last-child:nth-child(odd) h3 {margin:0;}
@media(max-width:820px) {
 #eko-page .eko-note-card {padding:22px;}
 #eko-page .eko-note-card:last-child:nth-child(odd) {grid-template-columns:minmax(0,1fr); gap:14px;}
}
@media(max-width:575px) {
 #eko-page .eko-note-cards {grid-template-columns:minmax(0,1fr); gap:16px;}
 #eko-page .eko-note-card {padding:21px;}
 #eko-page .eko-note-card h3 {font-size:20px;}
 #eko-page .eko-note-card p {font-size:14px; line-height:1.9;}
}

#eko-page.eko-service > .eko-section:first-of-type .eko-stack > .eko-photo .eko-photo-frame {aspect-ratio:16/9;}

@media (max-width: 767.98px){
  .footer-about .bg-primary .navbar-brand img{
    height: 220px !important;
    width: auto !important;
    max-width: 100% !important;
  }
}