/* epiagentweb.com (was /var/www/html/agentweb/style.css) */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

body {
  font-family: 'Roboto Condensed', sans-serif;
}

main > .container {
  padding: 60px 15px 0;
}

footer p.small {
  font-size: 0.65rem;
}

.bg-epi {
  background-color: #084f75;
}

.hero {
  height: 550px;
  background-image: linear-gradient(to bottom, rgba(35, 83, 117, 1), rgba(255, 255, 255, 0)),
    url('/brand/landing/epiagentweb-banner.jpg');
  /* The old stylesheet's broken line left the photo at its natural size, top-left; keep that look
     (scaled up only on screens wider than the 1920px photo, instead of tiling) */
  background-size: max(100%, 1920px) auto;
  background-repeat: no-repeat;
}

/* The old page rendered in quirks mode, where the banner's .h-100 row filled its full height
   (headline vertically centred). Same result in standards mode: */
.hero > .col-12 > .container {
  height: 100%;
}

/* Feature icons: white on a blue square (sized like the old Font Awesome stack) */
.aw-feature-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-left: 8px;
  margin-top: 4px;
  border-radius: 6px;
  background: #084f75;
}

/* The old page printed a stray “ ” line above everything; keep its spacing under the menu */
body > header {
  padding-top: 24px;
}