/* ==========================================================
   KIRÁLY KONYHA – LÁTVÁNYTERVHEZ IGAZÍTOTT PRÉMIUM STÍLUS
   2026.05.13 – csak a felső oldalszakaszok és egységesítés
   ========================================================== */

:root{
  --kk-red:#5a0f1b;
  --kk-red-2:#8b1d30;
  --kk-deep:#4b0b16;
  --kk-gold:#c89a3c;
  --kk-gold-light:#fff4dc;
  --kk-bg:#fff8f5;
  --kk-text:#221819;
}
body{background:linear-gradient(180deg,#fff8f8 0%,#fffaf6 48%,#fff8f8 100%) !important;color:var(--kk-text) !important;}
.topbar{min-height:150px !important;background:linear-gradient(135deg,#e8dfd5 0%,#e4d7ca 100%) !important;color:#5a0f1b !important;padding:22px 74px !important;box-shadow:none !important;}
.topbar .brand img{height:96px !important;width:96px !important;object-fit:contain !important;background:#fff !important;border-radius:13px !important;padding:3px !important;box-shadow:0 4px 12px rgba(0,0,0,.26) !important;}
.topbar .brand-main img{height:96px !important;width:auto !important;background:#fff !important;border-radius:13px !important;padding:6px 10px !important;box-shadow:0 5px 14px rgba(0,0,0,.20) !important;}
.topbar .call{background:linear-gradient(135deg,#6b0f1f,#8b1d30) !important;color:#fff !important;border-radius:999px !important;padding:13px 34px !important;font-size:20px !important;font-weight:900 !important;box-shadow:none !important;}
.nav{background:#d5c2ae !important;box-shadow:0 8px 20px rgba(75,0,12,.08) !important;}
.nav a{color:#5a0f1b !important;font-size:18px !important;font-weight:900 !important;padding:18px 23px !important;}
.nav a.active,.nav a:hover{background:rgba(255,255,255,.46) !important;color:#8b1d30 !important;border-radius:0 0 14px 14px !important;}
main.page > .section:first-child{padding-top:54px !important;}
.panel.services-hero,.panel.price-main,.panel.info-panel,.panel.refs,.panel.contact-wrap{max-width:1180px !important;margin:0 auto !important;padding:0 22px 44px !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;}
.page-kicker,.eyebrow.page-kicker,.panel .page-kicker,.price-main .page-kicker,.info-panel .page-kicker{display:none !important;}
.page-title,.services-hero h1.page-title,.price-main h1.page-title,.info-panel h1.page-title,.refs h1.page-title,.contact-hero h1.page-title{display:block !important;width:100% !important;max-width:980px !important;margin:0 auto 22px !important;color:var(--kk-red) !important;text-align:center !important;font-family:Arial,Helvetica,sans-serif !important;font-size:clamp(28px,2.9vw,38px) !important;line-height:1.12 !important;letter-spacing:-.02em !important;font-weight:900 !important;}
.services-hero h1.page-title::after,.price-main h1.page-title::after,.info-panel h1.page-title::after,.refs h1.page-title::after,.contact-hero h1.page-title::after{content:"";display:block;width:430px;max-width:72vw;height:52px;margin:16px auto 28px;background-image:linear-gradient(90deg,transparent 0%,transparent 3%,var(--kk-gold) 3%,var(--kk-gold) 42%,transparent 42%,transparent 58%,var(--kk-gold) 58%,var(--kk-gold) 97%,transparent 97%),url("../img/marketing/crown-gold.png");background-size:100% 2px,52px 52px;background-position:center,center;background-repeat:no-repeat,no-repeat;}
.page-lead,.info-panel .page-lead{max-width:830px !important;margin:0 auto 26px !important;text-align:center !important;color:#1f1718 !important;font-size:20px !important;line-height:1.65 !important;font-weight:650 !important;}
.notice.info-box,.intro-note.info-box,.price-main .notice,.services-hero .notice,.contact-hero p,.gallery-intro-box{position:relative !important;display:flex !important;align-items:center !important;gap:28px !important;width:min(100%,960px) !important;min-height:94px !important;margin:28px auto 38px !important;padding:22px 34px 22px 124px !important;background:linear-gradient(90deg,#fff1d1 0%,#fff7e8 100%) !important;border:1px solid #e8c67d !important;border-left:6px solid var(--kk-gold) !important;border-radius:18px !important;box-shadow:0 12px 30px rgba(139,0,20,.035) !important;color:#211719 !important;text-align:left !important;font-size:20px !important;line-height:1.55 !important;font-weight:850 !important;}
.notice.info-box::before,.intro-note.info-box::before,.price-main .notice::before,.services-hero .notice::before,.contact-hero p::before,.gallery-intro-box::before{position:absolute !important;left:34px !important;top:50% !important;transform:translateY(-50%) !important;width:58px !important;height:58px !important;display:grid !important;place-items:center !important;color:var(--kk-gold) !important;font-size:48px !important;line-height:1 !important;font-weight:400 !important;}
.services-hero .notice::before{content:"⚙" !important;font-size:42px !important;}
.price-main .notice::before{content:"" !important;font-size:0 !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M13 12h22.5L54 30.5 31.5 53 13 34.5V12Z' stroke='%23d9aa4d' stroke-width='4' stroke-linejoin='round'/%3E%3Ccircle cx='28' cy='25' r='4.5' stroke='%23d9aa4d' stroke-width='3'/%3E%3Cpath d='M33.5 36.5c2.5-2.1 7-2.2 9.2.1 2.4 2.4 1.4 6.1-1.7 7.7-3.4 1.8-7.6.6-10-1.9' stroke='%23d9aa4d' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M38.1 31.8v16.5' stroke='%23d9aa4d' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center/38px 38px no-repeat !important;}
.info-panel .intro-note::before{content:"💡" !important;font-size:38px !important;}
.contact-hero p::before{content:"☎ + ✉" !important;font-size:38px !important;white-space:nowrap !important;}
.gallery-intro-box::before{content:"" !important;font-size:0 !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='10' y='20' width='44' height='30' rx='6' stroke='%23d9aa4d' stroke-width='4'/%3E%3Cpath d='M22 20l4-6h12l4 6' stroke='%23d9aa4d' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='35' r='9' stroke='%23d9aa4d' stroke-width='4'/%3E%3Cpath d='M46 27h.1' stroke='%23d9aa4d' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/40px 40px no-repeat !important;}
.intro-note .intro-icon{display:none !important;}
.contact-hero p span{display:block !important;}
.price-hero{display:block !important;max-width:1180px !important;}
.price-hero .quote-box{display:none !important;}
.price-main{width:100% !important;}
.price-section{margin-top:44px !important;}
.price-section h2,.gallery-title h2{color:var(--kk-red) !important;font-weight:900 !important;}
.price-section h2{font-size:clamp(1.45rem,2.15vw,2.15rem) !important;line-height:1.14 !important;margin-bottom:22px !important;}
.featured-price,.small-price-card,.price-card,.price-list,.important-card,.contact-card,.form-card{background:#fff !important;border:1px solid #f3dadd !important;border-radius:22px !important;box-shadow:0 12px 30px rgba(65,0,12,.055) !important;}
.price-row,.price-list p{border-bottom:1px solid #f0dfe1 !important;}
.price-value,.small-price-card strong{color:var(--kk-red) !important;font-weight:900 !important;}
.important-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:22px !important;margin-top:34px !important;}
.important-card{min-height:160px !important;padding:30px 28px !important;}
.important-card h3{color:var(--kk-red) !important;font-size:22px !important;font-weight:900 !important;}
.important-card.warning{background:#fff !important;}
.refs .center{margin-bottom:0 !important;}.refs .gallery-lead{display:none !important;}.gallery-intro-box span{display:block;}.gallery-section{margin-top:34px !important;}.gallery-title{max-width:960px !important;margin-left:auto !important;margin-right:auto !important;border-bottom:0 !important;}.gallery-title h2{font-size:36px !important;}.gallery-title .muted{background:#fff4dc !important;border:1px solid #e8c67d !important;color:var(--kk-red) !important;font-weight:900 !important;}.gallery{max-width:960px !important;margin-left:auto !important;margin-right:auto !important;}.gallery img{border-radius:14px !important;}
.service-grid{max-width:1040px !important;margin:36px auto 0 !important;}.service-card{background:#fff !important;border-radius:18px !important;box-shadow:0 12px 30px rgba(65,0,12,.06) !important;}.service-card h3{color:var(--kk-red) !important;font-weight:900 !important;}
.contact-grid{max-width:960px !important;margin:0 auto !important;align-items:stretch !important;}.contact-card,.form-card{padding:32px !important;}.contact-card h2,.form-card h2{color:var(--kk-red) !important;font-weight:900 !important;}.contact-btn{background:linear-gradient(135deg,#d99f35,#efbd5b) !important;color:#2a1700 !important;border-radius:10px !important;}.contact-note{display:none !important;}
@media(max-width:980px){.topbar{padding:18px 28px !important;min-height:128px !important;}.topbar .brand img{height:82px !important;width:82px !important;}.topbar .brand-main img{height:78px !important;}.important-grid{grid-template-columns:1fr !important;}}
@media(max-width:700px){.topbar{display:grid !important;grid-template-columns:1fr !important;justify-items:center !important;gap:14px !important;}.topbar .brand-main{display:block !important;position:static !important;transform:none !important;}.topbar .brand-main img{height:72px !important;max-width:280px !important;}.topbar .call{font-size:17px !important;padding:10px 22px !important;margin:0 !important;}.page-title,.services-hero h1.page-title,.price-main h1.page-title,.info-panel h1.page-title,.refs h1.page-title,.contact-hero h1.page-title{font-size:clamp(24px,7vw,32px) !important;}.notice.info-box,.intro-note.info-box,.price-main .notice,.services-hero .notice,.contact-hero p,.gallery-intro-box{padding:20px 20px 20px 86px !important;font-size:17px !important;min-height:82px !important;}.notice.info-box::before,.intro-note.info-box::before,.price-main .notice::before,.services-hero .notice::before,.contact-hero p::before,.gallery-intro-box::before{left:24px !important;font-size:34px !important;width:42px !important;height:42px !important;}.contact-hero p::before{content:"☎" !important;}}

.refs .page-title::after,.contact-hero .page-title::after{display:none !important;content:none !important;}


/* Mobil logó szabály: aloldalakon mobilon csak a 2-es logó látszik. */
@media(max-width:700px){
  body.sub-page .topbar .brand{display:none !important;}
  body.sub-page .topbar .brand-main{display:block !important;position:static !important;transform:none !important;margin:0 auto !important;}
  body.sub-page .topbar .brand-main img{height:72px !important;max-width:280px !important;}
}


/* === WARM LUXURY SZÍNFINOMHANGOLÁS – aloldali extra felülírások === */
.topbar{background:linear-gradient(135deg,#e8dfd5 0%,#e4d7ca 100%) !important;color:#5a0f1b !important;box-shadow:0 8px 28px rgba(90,15,27,.10) !important;}
.topbar .brand img,.topbar .brand-main img{background:#fff !important;border:1px solid rgba(200,154,60,.42) !important;}
.nav{background:#d5c2ae !important;border-top:1px solid rgba(200,154,60,.30) !important;border-bottom:1px solid rgba(90,15,27,.10) !important;}
.nav a{color:#5a0f1b !important;}
.nav a.active,.nav a:hover{background:rgba(255,255,255,.46) !important;color:#8b1d30 !important;}
.footer{background:#d5c2ae !important;color:#5a0f1b !important;border-top:1px solid rgba(200,154,60,.38) !important;}
.footer p,.footer a{color:#5a0f1b !important;}

/* === 2026-05-23: HEADER + LOGÓRENDSZER + ROMBUSZOS OSZTÓ FINOMHANGOLÁS === */
.topbar{
  min-height:118px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:26px !important;
  padding:16px clamp(22px,5vw,74px) !important;
}
.topbar .brand-group{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}
.topbar .brand,
.topbar .brand-main{
  position:static !important;
  transform:none !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  z-index:auto !important;
  line-height:0 !important;
}
.topbar .brand img,
.topbar .brand-main img{
  display:block !important;
  width:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.topbar .brand img{height:82px !important;}
.topbar .brand-main img{height:66px !important;max-width:min(42vw,430px) !important;}
.topbar .call{
  flex:0 0 auto !important;
  margin-left:auto !important;
  white-space:nowrap !important;
}
.services-hero h1.page-title::after,
.price-main h1.page-title::after,
.info-panel h1.page-title::after,
.refs h1.page-title::after,
.contact-hero h1.page-title::after{
  width:430px !important;
  max-width:72vw !important;
  height:54px !important;
  margin:16px auto 28px !important;
  background-image:linear-gradient(90deg,
    transparent 0 4%,
    var(--kk-gold) 4% calc(50% - 48px),
    transparent calc(50% - 48px) calc(50% + 48px),
    var(--kk-gold) calc(50% + 48px) 96%,
    transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
  background-size:100% 2px,52px 52px !important;
  background-position:center,center !important;
  background-repeat:no-repeat,no-repeat !important;
}
.gallery-divider,
.contact-divider{
  gap:22px !important;
  max-width:430px !important;
}
.gallery-divider img,
.contact-divider img{
  width:52px !important;
  height:52px !important;
  flex:0 0 auto !important;
}
.gallery-divider::before,
.gallery-divider::after,
.contact-divider::before,
.contact-divider::after{
  flex:1 1 auto !important;
  min-width:58px !important;
}
@media(max-width:980px){
  .topbar{min-height:104px !important;padding:15px 28px !important;}
  .topbar .brand-group{gap:14px !important;}
  .topbar .brand img{height:70px !important;}
  .topbar .brand-main img{height:58px !important;max-width:min(46vw,360px) !important;}
}
@media(max-width:700px){
  .topbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:10px !important;
    min-height:auto !important;
    padding:14px 16px !important;
  }
  .topbar .brand-group{
    display:flex !important;
    justify-content:center !important;
    gap:10px !important;
    width:100% !important;
    flex:0 1 auto !important;
  }
  body.sub-page .topbar .brand{display:block !important;}
  body.sub-page .topbar .brand-main{display:block !important;position:static !important;transform:none !important;margin:0 !important;}
  .topbar .brand img{height:56px !important;max-width:70px !important;}
  body.sub-page .topbar .brand-main img,
  .topbar .brand-main img{height:46px !important;max-width:min(72vw,260px) !important;}
  .topbar .call{margin:0 !important;font-size:16px !important;padding:10px 22px !important;}
  .services-hero h1.page-title::after,
  .price-main h1.page-title::after,
  .info-panel h1.page-title::after,
  .refs h1.page-title::after,
  .contact-hero h1.page-title::after{
    width:300px !important;
    max-width:76vw !important;
    height:46px !important;
    margin:14px auto 24px !important;
    background-image:linear-gradient(90deg,
      transparent 0 4%,
      var(--kk-gold) 4% calc(50% - 42px),
      transparent calc(50% - 42px) calc(50% + 42px),
      var(--kk-gold) calc(50% + 42px) 96%,
      transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
    background-size:100% 2px,44px 44px !important;
  }
  .gallery-divider,
  .contact-divider{
    gap:18px !important;
    max-width:300px !important;
    margin:14px auto 24px !important;
  }
  .gallery-divider img,
  .contact-divider img{width:44px !important;height:44px !important;}
  .gallery-divider::before,
  .gallery-divider::after,
  .contact-divider::before,
  .contact-divider::after{min-width:52px !important;}
}


/* === 2026-05-23: HEADER + DÍSZÍTŐ ELEMEK FINOMHANGOLÁSA === */
.topbar{
  padding-right:clamp(58px,6.8vw,110px) !important;
}
.topbar .brand img{
  height:92px !important;
}
.topbar .brand-main img{
  height:74px !important;
  max-width:min(45vw,482px) !important;
}
.topbar .call,
.call{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  background:linear-gradient(135deg,#781426 0%,#9b1c32 100%) !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(90,15,27,.16) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  letter-spacing:.01em !important;
}
.topbar .call::before,
.call::before{
  content:"☎" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:1.05em !important;
  height:1.05em !important;
  font-size:.92em !important;
  color:#f4d47b !important;
  line-height:1 !important;
}
.hero-divider img,
.service-crown img,
.gallery-divider img,
.contact-divider img{
  width:43px !important;
  height:43px !important;
}
.hero-divider,
.service-crown{
  gap:18px !important;
}
.services-hero h1.page-title::after,
.price-main h1.page-title::after,
.info-panel h1.page-title::after,
.refs h1.page-title::after,
.contact-hero h1.page-title::after{
  height:43px !important;
  background-size:100% 2px,43px 43px !important;
  background-image:linear-gradient(90deg,
    transparent 0 4%,
    var(--kk-gold,#d7aa55) 4% calc(50% - 40px),
    transparent calc(50% - 40px) calc(50% + 40px),
    var(--kk-gold,#d7aa55) calc(50% + 40px) 96%,
    transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
}
@media(max-width:980px){
  .topbar{
    padding-right:40px !important;
  }
  .topbar .brand img{
    height:76px !important;
  }
  .topbar .brand-main img{
    height:63px !important;
    max-width:min(48vw,405px) !important;
  }
}
@media(max-width:700px){
  .topbar{
    padding:14px 16px !important;
  }
  .topbar .brand img{
    height:58px !important;
    max-width:72px !important;
  }
  .topbar .brand-main img{
    height:48px !important;
    max-width:min(72vw,270px) !important;
  }
  .topbar .call,
  .call{
    gap:8px !important;
  }
  .hero-divider img,
  .service-crown img,
  .gallery-divider img,
  .contact-divider img{
    width:36px !important;
    height:36px !important;
  }
  .hero-divider,
  .service-crown{
    gap:16px !important;
  }
  .services-hero h1.page-title::after,
  .price-main h1.page-title::after,
  .info-panel h1.page-title::after,
  .refs h1.page-title::after,
  .contact-hero h1.page-title::after{
    height:38px !important;
    background-size:100% 2px,36px 36px !important;
    background-image:linear-gradient(90deg,
      transparent 0 4%,
      var(--kk-gold,#d7aa55) 4% calc(50% - 34px),
      transparent calc(50% - 34px) calc(50% + 34px),
      var(--kk-gold,#d7aa55) calc(50% + 34px) 96%,
      transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
  }
}


/* === 2026-05-23: PRÉMIUM FINOMHANGOLÁS 2 – LOGÓ, CTA, MENÜSÁV, HERO === */
@media (min-width:981px){
  .topbar{
    padding-right:clamp(105px,9vw,155px) !important;
    background:linear-gradient(135deg,#eee6dd 0%,#e8dbce 100%) !important;
  }
  .topbar .brand img{
    height:110px !important;
  }
  .topbar .brand-main img{
    height:89px !important;
    max-width:min(48vw,560px) !important;
  }
}
.nav{
  background:#cdb79f !important;
  border-top:1px solid rgba(200,154,60,.34) !important;
  border-bottom:1px solid rgba(90,15,27,.14) !important;
}
.topbar .call,
.call{
  background:linear-gradient(135deg,#8a1830 0%,#a8243c 100%) !important;
  box-shadow:0 4px 10px rgba(90,15,27,.12) !important;
  padding-top:11px !important;
  padding-bottom:11px !important;
}
.hero-divider img,
.service-crown img,
.gallery-divider img,
.contact-divider img{
  width:32px !important;
  height:32px !important;
}
.hero-divider,
.service-crown,
.gallery-divider,
.contact-divider{
  gap:15px !important;
}
.services-hero h1.page-title::after,
.price-main h1.page-title::after,
.info-panel h1.page-title::after,
.refs h1.page-title::after,
.contact-hero h1.page-title::after{
  height:34px !important;
  background-size:100% 2px,32px 32px !important;
  background-image:linear-gradient(90deg,
    transparent 0 4%,
    var(--kk-gold,#d7aa55) 4% calc(50% - 34px),
    transparent calc(50% - 34px) calc(50% + 34px),
    var(--kk-gold,#d7aa55) calc(50% + 34px) 96%,
    transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
}
.heroText{
  line-height:1.07 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.08) !important;
}
.heroTopLine,
.heroTopLine.second{
  font-size:35px !important;
}
.heroBuild{
  font-size:31px !important;
  margin-top:16px !important;
}
.heroBottomLine{
  font-size:28px !important;
}
.heroBottomLine.last{
  font-size:26px !important;
}
@media(max-width:980px){
  .topbar .brand img{
    height:82px !important;
  }
  .topbar .brand-main img{
    height:68px !important;
    max-width:min(50vw,430px) !important;
  }
  .hero-divider img,
  .service-crown img,
  .gallery-divider img,
  .contact-divider img{
    width:30px !important;
    height:30px !important;
  }
  .services-hero h1.page-title::after,
  .price-main h1.page-title::after,
  .info-panel h1.page-title::after,
  .refs h1.page-title::after,
  .contact-hero h1.page-title::after{
    height:32px !important;
    background-size:100% 2px,30px 30px !important;
    background-image:linear-gradient(90deg,
      transparent 0 4%,
      var(--kk-gold,#d7aa55) 4% calc(50% - 32px),
      transparent calc(50% - 32px) calc(50% + 32px),
      var(--kk-gold,#d7aa55) calc(50% + 32px) 96%,
      transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
  }
}
@media(max-width:700px){
  .topbar{
    padding:13px 14px !important;
  }
  .topbar .brand img{
    height:58px !important;
    max-width:70px !important;
  }
  .topbar .brand-main img{
    height:48px !important;
    max-width:min(72vw,268px) !important;
  }
  .topbar .call,
  .call{
    padding:10px 20px !important;
    font-size:16px !important;
  }
  .hero-divider img,
  .service-crown img,
  .gallery-divider img,
  .contact-divider img{
    width:28px !important;
    height:28px !important;
  }
  .hero-divider,
  .service-crown,
  .gallery-divider,
  .contact-divider{
    gap:13px !important;
  }
  .services-hero h1.page-title::after,
  .price-main h1.page-title::after,
  .info-panel h1.page-title::after,
  .refs h1.page-title::after,
  .contact-hero h1.page-title::after{
    height:30px !important;
    background-size:100% 2px,28px 28px !important;
    background-image:linear-gradient(90deg,
      transparent 0 4%,
      var(--kk-gold,#d7aa55) 4% calc(50% - 30px),
      transparent calc(50% - 30px) calc(50% + 30px),
      var(--kk-gold,#d7aa55) calc(50% + 30px) 96%,
      transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
  }
  .heroTopLine,
  .heroTopLine.second{
    font-size:32px !important;
  }
  .heroBuild{
    font-size:28px !important;
  }
  .heroBottomLine{
    font-size:25px !important;
  }
  .heroBottomLine.last{
    font-size:24px !important;
  }
}
