.dnaHeroSection{ width:100%; margin:0; } /* HERO */ .dnaHeroSection .dna-hero{ width:100%; min-height:430px; background-image:url('https://aximedia.s3.amazonaws.com/rebrand-prod/haektfap/frame-2147231604-1.png'); background-size:cover; background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; } .dnaHeroSection .dna-hero-content{ position:relative; z-index:2; max-width:870px; margin:0 auto; width:100%; padding:60px 20px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; text-align:center; } .dnaHeroSection h2{ font-size:52px; font-weight:800; color:#fff; margin:0 0 16px; line-height:1.1; } .dna-hero-subtitle{ font-size:20px; color:#fff; margin:0 0 26px; line-height:1.45; max-width:870px; } .dna-logo{ width:100%; max-width:320px; height:auto; display:block; } .dnaHeroSection a:hover{ text-decoration:none !important; } @media(max-width:768px){ .dnaHeroSection .dna-hero{ min-height:auto; background-image:url('https://aximedia.s3.amazonaws.com/rebrand-prod/ipufd1fk/frame-2147231620-1.png'); align-items:flex-start; } .dnaHeroSection .dna-hero-content{ padding:40px 20px 300px; /* leave room at the bottom for the crests in the bg */ } .dnaHeroSection h2{ font-size:38px; } .dna-hero-subtitle{ font-size: 24px; } .dna-logo{ order:-1; max-width:260px; margin:0 0 22px; } }

.mcitySection{ width:100%; background:#fff; margin:0; } .mcitySection .mcity-inner{ max-width:1200px; margin:0 auto; padding:70px 20px; box-sizing:border-box; } /* HEAD */ .mcitySection .mcity-head{ text-align:center; margin-bottom:10px; } .mcitySection .mcity-eyebrow{ color:#EE4A52; font-size: 24px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin: 0; } .mcitySection .mcity-title{ color:#14142B; font-size: 40px; font-weight:700; line-height:1.1; margin:0; } /* GRID */ .mcitySection .mcity-grid{ display:flex; align-items:center; gap:40px; } .mcitySection .mcity-text{ flex:1 1 45%; } .mcitySection .mcity-media{ flex:1 1 55%; min-width:0; } .mcitySection .mcity-media img{ width:100%; height:auto; display:block; } .mcitySection .mcity-subtitle{ color:#14142B; font-size: 32px; font-weight:400; line-height:1.1; margin:0 0 22px; } .mcitySection .mcity-body{ color:#3A3A45; font-size:18px; font-weight:400; line-height:1.6; margin:0 0 32px; max-width:540px; } @media(max-width:768px){ .mcitySection .mcity-inner{ padding:48px 18px; text-align:center; } .mcitySection .mcity-title{ font-size:30px; margin: 0 22px; } .mcitySection .mcity-eyebrow{ font-size: 16px; } .mcitySection .mcity-grid{ flex-direction:column; gap:22px; margin-top:22px; } /* let subtitle / body reorder around the image */ .mcitySection .mcity-text{ display:contents; } .mcitySection .mcity-subtitle{ order:1; font-size: 26px; margin:0 0 6px; } .mcitySection .mcity-media{ order:2; } .mcitySection .mcity-body{ order:3; font-size:16px; margin:0; max-width:none; } }