.city-hero { padding: 0 10%; min-height: 450px; background-color: #1b1f25; }
.city-hero .row { width: 100%; max-width: 100%; padding: 27px 0; }
.city-hero .inner { padding: 100.8px 40px; margin: 40.9px 0; }
.city-hero .kicker { font: 700 17px/1em var(--lato); letter-spacing: 1px; text-transform: uppercase; color: #fff; padding: 10px 0 10px 3px; margin-bottom: 8px; }
.city-hero h1 { font: 550 57.6px/1em var(--sora); text-transform: uppercase; color: #fff; text-shadow: 0 -5.18px 15.55px rgba(0,0,0,.38); }
.city h2 { font: 900 var(--h2)/1.2em var(--h2-font); color: var(--ink); margin-bottom: 5px; letter-spacing: var(--h2-ls); }
.city .copy { font: 500 16px/28.8px var(--sans); color: var(--text); }
.city .copy p { padding-bottom: 17px; }
.city .copy p:last-child { padding-bottom: 0; }
.accent-l { width: 75px; height: 23px; border-top: 1px solid #db7e53; }
.btn-navy { background: #0b3954; color: #fff; border: 2px solid #0b3954; }
.city-intro { padding: 75px 0 0; }
.city-intro .row { padding: 0; }
.city-intro .copy { margin-bottom: 29.7px; }
.city-intro .shot img { box-shadow: 0 2px 18px rgba(0,0,0,.3); }
.city-serving { padding: 54px 0 20px; }
.city-serving .r1 { padding: 27px 0; }
.city-serving .r1 .accent-l { visibility: hidden; }
.city-map { padding: 0 0 15px; }
.city-map iframe { display: block; width: 100%; height: 450px; border: 0; }
.big-cities { padding: 0 0 50px; }
.big-cities .row { padding: 0; }
.big-cities .row + .row { padding-top: 27px; }
.big-cities a { display: block; font: 700 20px/20px var(--lato); color: var(--ink); text-align: center; padding-bottom: 10px; }
.big-cities a:hover { color: #0b3954; text-decoration: underline; }
.city-blurbs { padding: 20px 0; background: #f5f5f5; box-shadow: 6px 6px 18px rgba(0,0,0,.21); z-index: 10; }
.city-blurbs .r1 { padding: 27px 0 0; }
.city-blurbs h2 { text-align: center; }
.city-nearby { padding: 10px 0 50px; }
.city-nearby h2 { text-align: center; font-size: 26px; margin-bottom: 18px; }
.city-nearby ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.city-nearby a { display: inline-block; padding: 9px 16px; border-radius: 999px; background: #f5f5f7; border: 1px solid #e5e5ea; color: #1d1d1f; font-size: 15px; font-weight: 600; text-decoration: none; }
.city-nearby a:hover { border-color: #ff9a6b; color: #d9363e; }
.city-blurbs .r1 .accent { visibility: hidden; }
.blurb { text-align: center; }
.blurb img { width: 100px; height: 100px; margin-bottom: 30px; }
.blurb h3 { font: 700 18px/1em var(--lato); color: var(--ink); }
.blurb p { font-size: 14px; line-height: 23.8px; text-align: left; }
.city-rated { padding: 85px 0 0; }
.city-rated .row { padding: 0; }
.city-rated .accent-l { visibility: hidden; }
.city-rated .copy { padding-bottom: 5px; }
.city-report { padding: 54px 0 0; }
.city-report .row { padding: 27px 0 50px; }
.city-report h2 { text-align: center; }
.city-report .accent { visibility: hidden; }
.city-report .copy { margin-bottom: 29.7px; }
@media (max-width: 980px) {
.city-hero { padding: 0 30px; min-height: 300px; }
.city-hero .inner { padding: 60px 0; margin: 0; }
.city-hero h1 { font-size: 48px; }
.city-intro .btn-wrap.left { text-align: center; }
.city-map .row { width: 100%; }
}
@media (max-width: 767px) {
.city-hero { min-height: 191px; }
.city-hero .row { padding: 0; }
.city-hero .inner { padding: 58.5px 0; }
.city-hero .kicker { font-size: 12px; letter-spacing: .5px; padding-left: 0; }
.city-hero h1 { font-size: 35.1px; line-height: 1.2em; }
.city-serving { padding: 50px 0 20px; }
.big-cities .row { width: 90%; }
.big-cities .cols > .col { width: 50% !important; margin: 0 0 30px !important; }
.big-cities .row + .row { padding-top: 0; }
.city-blurbs .row { width: 85%; }
}