/* generated by dest-scale.py from national-v1/style.css: wide screens at the size of the other feature pages */
@media(min-width:761px){
body{font-size:16px}
h2{font-size:30px}
h3{font-size:22px}
h4{font-size:18px}
.section{padding:78px 0}
.hero-grid{padding-top:57px;padding-bottom:61px}
.hero h1{font-size:clamp(26px,2.56vw,38px)}
.hero-lead{font-size:15px}
.facts p{font-size:17px}
.split{gap:57px}
.intro h2{font-size:30px}
.intro .quote{font-size:22px}
.section-head{margin-bottom:34px}
.card .num{font-size:38px}
.card p{font-size:15px}
.steps{margin:33px 0 0}
.steps span{font-size:26px}
.steps h3{font-size:20px}
.steps p{font-size:14px}
.idea h3{font-size:22px}
.idea>p{font-size:15px}
.calc-grid input,.calc-grid select{font-size:14px}
.result strong{font-size:23px}
.case h3{font-size:21px}
.case p{font-size:14px}
.topic h3{font-size:20px}
.topic p{font-size:14px}
.group-title{font-size:23px;margin:37px 0 25px}
.flow h3{font-size:21px}
.flow p{font-size:14px}
.trust p{font-size:15px}
.faq summary{font-size:18px}
.faq details p{font-size:14px}
.footer{padding:37px 0 30px}
.footer-title{font-size:26px}
.to-top{font-size:16px}
@media(max-width:1279px){.hero h1{font-size:29px}}
@media(max-width:1279px){.split{gap:33px}}
@media(max-width:1279px){.card h3{font-size:20px}}
@media(max-width:1279px){.result strong{font-size:26px}}
@media(max-width:900px){.hero-grid{padding-top:45px;padding-bottom:37px}}
@media(max-width:900px){.hero h1{font-size:31px}}
.article-hero{padding:57px 0 45px}
.article-hero h1{font-size:clamp(26px,2.64vw,39px)}
.article-lead{font-size:17px}
.article-section h2{font-size:27px}
.reading-map{padding-bottom:37px}
.reading-map span{font-size:26px}
.reading-map p{font-size:18px}
}