/* Ascension Property Management -- the cordpm template (cordpm-template-build/cord-head.html)
   reskinned in style guide B, "Hill Country". Every rule here has a Cord counterpart: the same
   structure, proportions and behaviours (the masthead over the hero, the hero slideshow, the wave
   dividers, the collage, the banner the cards overlap, the service cards, the dark band, the
   four-column footer), in forest / brass / crimson / cream with Montserrat headings and Lato text.
   Cord's hover states and responsive tiers were savants; here they are plain rules.

   Served as a template asset (/assets/templates/AscensionPM/css/site.css). Every client page loads
   payattn.css, Bootstrap 5.3, Font Awesome and Tabler before this file and privacy.css after it. */

@font-face { font-family: "Montserrat"; font-weight: 400; font-display: swap; src: url("../fonts/montserrat-regular.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 500; font-display: swap; src: url("../fonts/montserrat-medium.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 600; font-display: swap; src: url("../fonts/montserrat-semibold.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 700; font-display: swap; src: url("../fonts/montserrat-bold.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-weight: 400; font-display: swap; src: url("../fonts/lato-regular.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-weight: 700; font-display: swap; src: url("../fonts/lato-bold.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-weight: 400; font-style: italic; font-display: swap; src: url("../fonts/lato-italic.woff2") format("woff2"); }

:root {
  /* Cord's tokens, recoloured: navy -> forest, orange -> crimson (buttons) and brass (rules, eyebrows),
     mist -> cream, haze -> moss, frost -> the lightest moss. */
  --apm-forest: #3F5749;
  --apm-forest-deep: #2A3B31;
  --apm-brass: #B89B4A;
  --apm-crimson: #A81414;
  --apm-crimson-deep: #7E0F0F;
  --apm-ink: #1F2A22;
  --apm-body: #4A554E;
  --apm-cream: #F4F1E8;
  --apm-moss: #E3E8E2;
  --apm-frost: #F6F8F6;
  --apm-shell: 1200px;
  --apm-display: "Montserrat", "Segoe UI", Arial, sans-serif;
  --apm-text: "Lato", "Segoe UI", Arial, sans-serif;
  --apm-masthead-height: 124px;
}

body.apm-home, body.apm-inner {
  margin: 0;
  font-family: var(--apm-text);
  font-size: 17px;
  line-height: 1.6;
  color: var(--apm-body);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
.apm-shell { max-width: var(--apm-shell); margin: 0 auto; padding: 0 24px; }
.apm-narrow { max-width: 900px; }
[class^="apm-"] img, [class*=" apm-"] img { max-width: 100%; }

/* ---- masthead ---------------------------------------------------------------------------------- */
/* Sits over the top of the hero photo (the hero and the page banners pull up under it by
   --apm-masthead-height), as Cord's does. */
.apm-masthead { position: relative; z-index: 20; }
.apm-topbar { padding: 17px 0; }
.apm-topbar-inner { display: flex; align-items: center; gap: 26px; }
.apm-topbar-item { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 13px; text-decoration: none; }
.apm-topbar-item:hover { color: var(--apm-brass); text-decoration: none; }
.apm-topbar-mail { margin-left: auto; }
/* Transparent over the hero photo, which runs to the very top of the page (user, 2026-10-26: "no white padding
   on the top"); Cord's floating white row is the one Cord element not kept. */
.apm-navbar-inner { background: transparent; display: flex; flex-wrap: wrap; align-items: center; min-height: 86px; padding: 0; }
.apm-brand { display: flex; align-items: center; padding: 0 30px 0 0; text-decoration: none; flex-shrink: 0; }
.apm-brand .apm-brand-logo { height: 54px; width: auto; display: block; }

/* the header menu: the bar of links, the hamburger, the off-canvas panel (the menu builder's own markup) */
.apm-nav { display: flex; align-items: center; flex: 1; min-width: 0; }
.apm-nav ul[data-pal-menu-depth="0"] { display: none; list-style: none; margin: 0; padding: 0; align-items: center; flex: 1; }
.apm-nav ul[data-pal-menu-depth="0"] > li { position: relative; display: flex; align-items: center; }
.apm-nav ul[data-pal-menu-depth="0"] > li > a.nav-link,
.apm-nav ul[data-pal-menu-depth="0"] > li > span {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  line-height: 26px;
  font-family: var(--apm-display);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  transition: color .4s, background .4s;
}
.apm-nav ul[data-pal-menu-depth="0"] > li > a.nav-link:hover,
.apm-nav ul[data-pal-menu-depth="0"] > li[data-pal-menu-open] > a.nav-link { color: var(--apm-brass); text-decoration: none; }
.apm-nav .dropdown-menu { border: 0; border-radius: 0; padding: 10px 0; min-width: 290px; box-shadow: 0 18px 40px rgba(31, 42, 34, .18); background: #fff; }
.apm-nav .dropdown-menu .dropdown-item,
.apm-nav .dropdown-menu [data-pal-menu-row] > .dropdown-item { padding: 10px 22px; font-family: var(--apm-text); font-size: 15px; color: var(--apm-ink); }
.apm-nav .dropdown-menu .dropdown-item:hover, .apm-nav .dropdown-menu .dropdown-item:focus-visible { background: var(--apm-moss); color: var(--apm-forest); }
.apm-nav .dropdown-menu .dropdown-item.active { background: var(--apm-forest); color: #fff; }
.apm-nav button[data-pal-menu-toggle] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 41px;
  margin-left: auto;
  padding: 0;
  background: var(--apm-crimson);
  color: #fff;
  border: 0;
  cursor: pointer;
}
.apm-nav button[data-pal-menu-toggle]::before {
  content: "";
  width: 22px;
  height: 15px;
  background: linear-gradient(#fff 0 2px, transparent 2px 6.5px, #fff 6.5px 8.5px, transparent 8.5px 13px, #fff 13px 15px);
}
.apm-nav .offcanvas { background: #fff; color: var(--apm-ink); width: min(360px, 90vw); }
.apm-nav .offcanvas-header { border-bottom: 1px solid var(--apm-moss); }
.apm-nav .offcanvas-title { font-family: var(--apm-display); font-size: 13px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--apm-forest); }
.apm-nav .offcanvas ul { list-style: none; margin: 0; padding: 0; }
.apm-nav .offcanvas ul[data-pal-menu-depth="0"] { display: block; }
.apm-nav .offcanvas ul[data-pal-menu-depth="0"] > li { display: block; border-bottom: 1px solid var(--apm-moss); }
.apm-nav .offcanvas ul[data-pal-menu-depth="0"] > li > a.nav-link,
.apm-nav .offcanvas ul[data-pal-menu-depth="0"] > li > span { display: flex; width: 100%; padding: 14px 2px; font-size: 13px; color: var(--apm-ink); text-shadow: none; }
.apm-nav .offcanvas ul[data-pal-menu-depth="0"] > li > a.nav-link:hover { color: var(--apm-crimson); }
.apm-nav .offcanvas .dropdown-menu { box-shadow: none; background: transparent; padding: 0 0 10px 12px; min-width: 0; }
.apm-nav .offcanvas .dropdown-item { padding: 9px 10px; }
@media (min-width: 992px) {
  .apm-nav ul[data-pal-menu-depth="0"] { display: flex; }
  .apm-nav button[data-pal-menu-toggle] { display: none; }
}
@media (max-width: 767.98px) {
  .apm-topbar { display: none; }
  :root { --apm-masthead-height: 86px; }
}

/* ---- buttons ----------------------------------------------------------------------------------- */
/* Cord's square buttons, recoloured crimson and rounded into style guide B's pills. */
.apm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: var(--apm-crimson);
  color: #fff;
  font-family: var(--apm-display);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 18px 34px;
  border-radius: 999px;
  text-decoration: none;
  border: 0;
  white-space: nowrap;
  transition: transform .3s, background .3s, color .3s;
}
.apm-button:hover, .apm-button:focus-visible { transform: scale(1.04); background: var(--apm-forest); color: #fff; text-decoration: none; }
.apm-button-mail { align-self: center; margin-left: auto; margin-right: 0; padding: 14px 26px; }
.apm-button-small { padding: 12px 22px; font-size: 11px; }
.apm-button-center { align-self: center; margin-top: 30px; }

/* ---- shared type --------------------------------------------------------------------------------- */
.apm-eyebrow { margin: 0 0 14px; font-family: var(--apm-display); font-size: 12px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--apm-brass); }
.apm-eyebrow-light { color: var(--apm-brass); }
.apm-display { margin: 0; font-family: var(--apm-display); font-size: 56px; line-height: 1.12; font-weight: 600; color: #fff; }
.apm-heading { margin: 0; font-family: var(--apm-display); font-size: 36px; line-height: 1.22; font-weight: 700; color: var(--apm-forest); }
.apm-heading-light { color: #fff; }
.apm-heading-center { text-align: center; }
.apm-heading-small { margin: 36px 0 12px; font-family: var(--apm-display); font-size: 24px; font-weight: 700; color: var(--apm-forest); }
.apm-lead { margin: 0 0 28px; max-width: 720px; font-size: 17px; line-height: 1.75; color: var(--apm-body); }
.apm-lead-light { color: #fff; font-weight: 400; text-align: center; margin-left: auto; margin-right: auto; }
.apm-lead-center { text-align: center; margin-left: auto; margin-right: auto; }
.apm-rule { width: 44px; height: 3px; margin: 24px 0; background: var(--apm-brass); border: 0; opacity: 1; }
.apm-rule-center { margin-left: auto; margin-right: auto; }
.apm-rule-small { width: 30px; height: 2px; margin: 12px 0 18px; }

/* ---- hero ---------------------------------------------------------------------------------------- */
/* Cord's 702px hero: three slides cross-fading under the copy, a tinted overlay, the wave into the
   white section below. The slow zoom on the showing slide is Cord's Ken Burns savant as a keyframe. */
.apm-hero { position: relative; margin-top: calc(var(--apm-masthead-height) * -1); min-height: 702px; display: flex; align-items: center; overflow: hidden; background: var(--apm-forest); }
.apm-hero-media { position: absolute; inset: 0; z-index: 0; }
.apm-hero-track { height: 100%; }
.apm-hero-slide { height: 100%; }
.apm-hero-image { width: 100%; height: 100%; object-fit: cover; display: block; transform-origin: center; }
.apm-hero-slide.active .apm-hero-image { animation: apm-ken-burns 20s linear both; }
@keyframes apm-ken-burns { from { transform: scale(1); } to { transform: scale(1.12); } }
.apm-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(31, 42, 34, .5); }
.apm-hero-inner { position: relative; z-index: 1; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: var(--apm-masthead-height); }
.apm-hero-inner .apm-display { max-width: 820px; }
.apm-hero::after, .apm-page-banner::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 58px; z-index: 2; pointer-events: none; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 58' preserveAspectRatio='none'%3E%3Cpath d='M0,34 C220,4 420,4 620,22 C820,40 1010,44 1200,20 L1200,58 L0,58 Z' fill='%23ffffff'/%3E%3C/svg%3E"); }

/* ---- why (the split section) ------------------------------------------------------------------- */
.apm-section { padding: 110px 0; background: #fff; }
.apm-split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.apm-collage { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.apm-collage img { display: block; width: 100%; height: 100%; object-fit: cover; }
.apm-collage > :nth-child(2), .apm-collage > :nth-child(4) { margin-top: 28px; }
.apm-collage-tile { display: flex; align-items: center; justify-content: center; background: var(--apm-forest); min-height: 200px; }
.apm-collage-tile .apm-collage-mark { width: 44%; height: auto; }
.apm-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 40px; margin-top: 8px; }
.apm-feature img { width: 54px; height: 54px; object-fit: contain; margin-bottom: 14px; }
.apm-feature-title { margin: 0 0 8px; font-family: var(--apm-display); font-size: 19px; font-weight: 600; color: var(--apm-ink); }
.apm-feature-text { margin: 0; font-size: 14px; line-height: 1.75; color: var(--apm-body); }

/* ---- banner + the three cards ------------------------------------------------------------------- */
.apm-banner { padding: 70px 0 0; }
.apm-banner-inner { position: relative; overflow: hidden; padding: 150px 40px 250px; display: flex; flex-direction: column; align-items: center; text-align: center; background-image: url("../img/photos/backyard-pool.png"); background-size: cover; background-position: center; }
.apm-banner-inner::before { content: ""; position: absolute; inset: 0; background: rgba(42, 59, 49, .76); }
.apm-banner-inner > * { position: relative; z-index: 1; }
.apm-mark { width: 46px; margin-bottom: 26px; }
.apm-banner .apm-heading { margin-bottom: 22px; }
.apm-goal-section { padding: 0 0 110px; background: #fff; }
.apm-goal-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: -110px; }
.apm-goal-card { padding: 44px 34px; text-align: center; background: #fff; border: 1px solid var(--apm-moss); }
.apm-goal-card img { width: 64px; margin-bottom: 16px; }
.apm-goal-title { margin: 0 0 10px; font-family: var(--apm-display); font-size: 20px; font-weight: 600; color: var(--apm-ink); }
.apm-goal-text { margin: 0; font-size: 14px; line-height: 1.75; color: var(--apm-body); }
.apm-goal-card:nth-child(2) { background: var(--apm-crimson); border-color: var(--apm-crimson); }
.apm-goal-card:nth-child(2) .apm-goal-title, .apm-goal-card:nth-child(2) .apm-goal-text { color: #fff; }

/* ---- services ------------------------------------------------------------------------------------- */
.apm-mist-section { padding: 100px 0; background: var(--apm-cream); text-align: center; }
.apm-service-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; margin-top: 56px; text-align: left; }
.apm-service-card { display: flex; flex-direction: column; background: var(--apm-forest); }
.apm-service-image { display: block; width: 100%; height: 190px; object-fit: contain; padding: 22px; background: var(--apm-moss); }
.apm-service-body { position: relative; padding: 30px 26px 32px; display: flex; flex-direction: column; align-items: flex-start; }
.apm-service-title { margin: 6px 0 10px; font-family: var(--apm-display); font-size: 20px; font-weight: 600; color: #fff; }
.apm-service-list { margin: 0 0 22px; padding: 0 0 0 18px; }
.apm-service-list li { margin: 0 0 6px; font-size: 14px; line-height: 1.6; color: #D7DED8; }
.apm-service-list li::marker { color: var(--apm-brass); }

/* ---- difference band ------------------------------------------------------------------------------ */
.apm-dark { position: relative; padding: 140px 0 110px; background-image: url("../img/photos/cottage-pool.png"); background-size: cover; background-position: center; }
.apm-dark::before { content: ""; position: absolute; inset: 0; background: rgba(20, 28, 23, .8); }
.apm-dark::after { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 58px; z-index: 2; pointer-events: none; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 58' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1200,0 L1200,26 C1010,50 820,46 620,28 C420,10 220,10 0,40 Z' fill='%23f4f1e8'/%3E%3C/svg%3E"); }
.apm-dark-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.apm-dark .apm-display { font-size: 52px; }

/* ---- footer ---------------------------------------------------------------------------------------- */
.apm-footer { padding: 70px 0 0; background: var(--apm-moss); }
.apm-footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 40px; }
.apm-footer-logo { width: 230px; height: auto; display: block; margin-bottom: 18px; }
.apm-footer-text { margin: 0 0 16px; font-size: 14px; line-height: 1.75; color: var(--apm-body); }
.apm-footer-title { margin: 0; font-family: var(--apm-display); font-size: 22px; font-weight: 600; color: var(--apm-ink); }
.apm-link-list ul { list-style: none; margin: 0 0 18px; padding: 0; }
.apm-link-list li { display: flex; align-items: flex-start; margin-top: 4px; }
.apm-link-list li::before { content: "\203A"; flex: none; margin-right: 6px; font-size: 17px; line-height: 1.6; color: var(--apm-brass); }
.apm-link, .apm-link-list a { display: inline-flex; align-items: baseline; gap: 5px; font-size: 16px; line-height: 1.6; color: var(--apm-body); text-decoration: none; transition: color .3s; }
.apm-link:hover, .apm-link-list a:hover { color: var(--apm-crimson); text-decoration: none; }
.apm-footer-col > .apm-link { display: flex; }
.apm-privacy-choices { font-size: 14px; }
.apm-privacy-choices a, .apm-privacy-choices button { color: var(--apm-body); }
.apm-legal { margin-top: 52px; padding: 22px 0; border-top: 1px solid #cfd6d0; text-align: center; }
.apm-legal-text { margin: 0; font-size: 13px; color: var(--apm-body); }
.apm-legal-attribution { margin-top: 6px; font-size: 12px; opacity: .85; }
.apm-legal-attribution a { color: var(--apm-body); }

/* ---- the inner pages (Cord's investors page shape) ------------------------------------------------ */
.apm-page-banner { position: relative; margin-top: calc(var(--apm-masthead-height) * -1); padding: calc(var(--apm-masthead-height) + 86px) 0 120px; background: var(--apm-forest); background-image: linear-gradient(rgba(31, 42, 34, .66), rgba(31, 42, 34, .66)), url("../img/photos/house.png"); background-size: cover; background-position: center; }
.apm-page-banner-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.apm-page-banner .apm-lead-light { margin-bottom: 0; }
.apm-section-page { padding: 80px 0; }
.apm-section-center { text-align: center; }
/* Inside a shell, so the shell's width holds; Cord's max-width:100% was for a prose block inside a split. */
.apm-prose { text-align: left; }
.apm-prose p { margin: 0 0 16px; max-width: 72ch; font-size: 16px; line-height: 1.75; }
.apm-prose a { color: var(--apm-crimson); }
.apm-prose .apm-button { color: #fff; }
.apm-steps { counter-reset: step; list-style: none; margin: 0 0 24px; padding: 0; max-width: 72ch; }
.apm-steps > li { position: relative; padding: 0 0 18px 56px; counter-increment: step; font-size: 16px; line-height: 1.7; }
.apm-steps > li::before { content: counter(step); position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-radius: 50%; background: var(--apm-forest); color: #fff; font-family: var(--apm-display); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.apm-steps ul { margin: 10px 0 0; padding-left: 18px; }
.apm-steps ul li { margin-bottom: 6px; }

/* Cord's accordion, dressed through Bootstrap's own variables (see cord-head.html for why not a background on the toggle). */
.apm-accordion { --bs-accordion-border-color: transparent; --bs-accordion-border-radius: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem rgba(63, 87, 73, .25); --bs-accordion-btn-bg: var(--apm-frost); --bs-accordion-btn-color: var(--apm-ink); --bs-accordion-active-bg: var(--apm-forest); --bs-accordion-active-color: #fff; --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f2a22'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); text-align: left; margin-top: 40px; }
.apm-acc-item { margin: 0 0 10px; border: 0; }
.apm-acc-item:last-child { margin-bottom: 0; }
.apm-acc-item:target { outline: 3px solid var(--apm-brass); }
.apm-acc-head { margin: 0; }
.apm-acc-toggle { padding: 14px 30px; font-family: var(--apm-display); font-size: 16px; font-weight: 700; text-decoration: none; transition: background-color .4s ease, color .4s ease; }
.apm-acc-toggle:hover, .apm-acc-toggle:focus { text-decoration: none; }
.apm-acc-toggle:not(.collapsed) { box-shadow: none; }
.apm-acc-toggle::after { width: 15px; height: 15px; background-size: 15px; }
.apm-acc-body { padding: 20px 30px 26px; }
.apm-acc-body p { margin: 0 0 14px; font-size: 16px; line-height: 1.6; color: var(--apm-body); }
.apm-acc-body p:last-child { margin-bottom: 0; }
.apm-acc-body .apm-button { margin-top: 4px; }

/* the form slot the deferred forms land in */
.apm-form-slot-inner { display: flex; flex-direction: column; align-items: center; }
.apm-form-note { width: 100%; padding: 22px 24px; border: 2px dashed #cfd6d0; color: var(--apm-body); font-style: italic; margin: 0 0 40px; }

/* ---- narrow viewports ---------------------------------------------------------------------------- */
@media (max-width: 980px) {
  .apm-split, .apm-feature-grid, .apm-goal-grid, .apm-service-grid, .apm-footer-grid { grid-template-columns: 1fr; }
  .apm-goal-grid { margin-top: -60px; }
  .apm-display { font-size: 38px; }
  .apm-dark .apm-display { font-size: 36px; }
  .apm-heading { font-size: 28px; }
  .apm-topbar-inner { flex-wrap: wrap; gap: 12px; }
  .apm-section { padding: 70px 0; }
  .apm-banner-inner { padding: 100px 24px 190px; }
}
@media (max-width: 767.98px) {
  .apm-button-mail { display: none; }
  .apm-brand { padding: 16px 0; }
  .apm-brand .apm-brand-logo { height: 46px; }
  .apm-nav { flex: 0 0 auto; margin-left: auto; padding-right: 20px; }
  .apm-hero { min-height: 520px; }
}