.banner{display:grid;grid-template-columns:1fr 1fr}.banner.image-leading .image{order:-1}@media (max-width:860px){.banner.image-leading .image{order:1}}@media (max-width:800px){.banner{display:flex;flex-direction:column;flex-direction:column-reverse;padding:10px 0 0}}.banner h2{margin:0;padding:0}.banner.primary{background:rgba(var(--primary-color),.1)}.banner.secondary{background:rgba(var(--secondary-color),.3)}.banner.tertiary{background:rgba(var(--tertiary-color),.1)}.banner.quarternary{background:rgba(var(--quarternary-color),.3)}.banner .text{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:var(--default-padding-x)}@media (max-width:800px){.banner .text{margin:40px var(--default-padding-x)}}.banner .button{background-color:rgb(var(--background-color));box-shadow:none;color:var(--text-color)}.banner .image{display:block;width:100%}.banner .image .img,.banner .image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}