.BA{width:90vw;display:flex;flex-flow:column nowrap;align-self:center}@media screen and (min-width:768px){.BA{width:80vw;max-width:60rem;display:grid;grid-template:" title    title  " 10rem " intro   example " auto / 50% 50%;margin-top:2rem}}.BB{grid-area:title}.BC{font-size:3rem;font-weight:700;margin-bottom:1rem}.BD{margin:0;font-weight:400}.BE{grid-area:intro;margin-top:0;margin-right:2rem}.BF{line-height:2rem}.BF p{margin:0}.BF a{font-weight:700}.BG{grid-area:example}.BH{margin-top:1rem}.BI,.BI:visited{margin-top:2rem;padding:2rem 4rem;background:#a3be8c;color:#eceff4;font-weight:700;font-size:1.3rem;border-radius:.25rem;transition:background-color .25s ease-in}.BI:hover{background:#2f3541;color:#eceff4;text-decoration:none;transition:background-color .1s ease-out}