* {margin:0;font-size:1.2rem}
.action-button {margin-top:1.6em}
.content {margin:0 auto;max-width:60em}
.banner {padding:.25em 0;text-align:center}
.btn {border:none;padding:.25em .375em;cursor:pointer}
.btn-blue {color:#ededed;background-color:rgb(39,59,123)}
.btn-red {color:#ededed;background-color: rgb(173, 28, 28)}
.contact {padding:2em .25em;text-align:center}
.contact h4 {margin-bottom:1em;font-size:1.2em}
.contact-action {padding-top:1em}
.contact-button {}
.footer {text-align:center;padding: 2em .25em;background-color:rgb(219,219,219)}
.footer .section {margin-top:.25em}
.hero {font-family:sans-serif;font-size:1.2em;font-weight:bold;width:100%;min-height:12em;background: rgb(58, 68, 105) url('/assets/hero-background.webp') no-repeat bottom left;background-size:cover;background-blend-mode:overlay;color:#ededed;text-align:center}
.hero-content {padding-top:1em}
.hero-content h4 {font-size:.9em}
.list, .list-inline {list-style:none;margin:0;padding:0}
.list-inline li {display:inline}
.list-inline li:not(:last-child) {margin-right:.5em}
.logo-image img {max-height:69px;width:auto}
.logo-text {font-family:sans-serif;font-size:1.2em;font-weight:bold}
@media screen and (min-width:990px){
    .banner-content {display:flex;flex-direction:row;width:965px;margin:0 auto;text-align:left;}
    .banner-content > div {flex-grow:1}
    .banner-content > div:not(:last-of-type) {margin-right:1em}
    .banner-content > div:last-of-type {text-align:right;margin-right:.25em}
    .hero {min-height:20em}
    .hero-content h4 {font-size:1.9em}
    .logo {display:flex}
    .logo-image img {max-height:35px;width:auto}
    .logo-text {margin-left:.25em;margin-top:.15em;font-size:1em}
}