.c-banner.layout-1 { margin-bottom: var(--innerGap); display: flex; flex-direction:row-reverse; }
.c-banner.layout-1 .c-banner-back {display: none; width: 100%}
.c-banner.layout-1 img { max-width: 100%; height: auto; }
.c-banner.layout-1 .c-banner-content {font-size: clamp(.9em,1vw,1em); background: radial-gradient(circle, rgba(80,171,204,1) -20%, rgba(12,31,48,1) 70%); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: clamp(1.1em,2vw,2em); padding: 11%; }
.c-banner.layout-1 .c-banner--text { color: #fff; text-align: center; }
.c-banner.layout-1 .button a {display: block; color: #fff; font-size: .93em; text-transform: uppercase; border: 1px solid; padding: 1em; }
.c-banner.layout-1 .button a:hover { color: #10405c; background-color: #fff; transition: color,background-color,450ms; }

@media (min-width: 576px) {
    .c-banner.layout-1 .c-banner-back {display: block;}
    .c-banner.layout-1 .c-banner-content { font-size: clamp(.73em,2.1vw,1em); padding: 3%;}
}

@media (min-width:992px) {
    .c-banner.layout-1 .c-banner-content { font-size: clamp(.76em,1.4vw,1em); gap: clamp(1.2em,1.95vw,2em); }
}
@media (min-width: 1440px) {
    .c-banner.layout-1 .c-banner-back {}
    .c-banner.layout-1 .c-banner-content {  width: unset; }
    .c-banner.layout-1 .button a { letter-spacing: .09em;}

}