#intro{text-align:center;font-size:18px;line-height:28px;font-weight:bold;background-size:0 0}#intro h1{font-size:36px;line-height:40px;margin-bottom:12px}@media (min-width: 768px){#intro{font-size:20px;line-height:32px}#intro h1{font-size:72px;line-height:84px}}@media (min-width: 1051px){#intro{position:relative;height:560px;margin-top:-72px;margin-bottom:-104px;z-index:-10;background-size:cover;background-position:center center;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}#intro::before{content:"";z-index:10;position:absolute;top:0;bottom:0;left:0;right:0;background:black;opacity:0.4}#intro>*{position:relative;z-index:20}#intro article{width:calc(8 * calc(calc(100% + 24px)/12 - 24px) + 7 * 24px)}}@media (min-width: 1280px){#intro{margin-bottom:-168px}}