#snackys-tpl .to-model-clp { position: relative; width: 100%; padding: 0; background: var(--color-white); color: var(--color-primary-100); font-family: var(--font-family-base); } #snackys-tpl .to-model-clp__inner { width: 100%; max-width: none; margin: 0 auto; padding: 0; } #snackys-tpl .to-model-clp__intro { max-width: 1420px; margin-bottom: var(--spacing-4); } #snackys-tpl .to-model-clp__intro > :first-child, #snackys-tpl .to-model-clp__intro > span > :first-child { margin-top: 0; } #snackys-tpl .to-model-clp__intro h1 { margin: 0 0 var(--spacing-6); color: var(--color-primary-100); font-family: var(--font-family-base); font-size: var(--font-size-h2); font-weight: var(--font-weight-bold); line-height: var(--lh-heading); } #snackys-tpl .to-model-clp__intro, #snackys-tpl .to-model-clp__intro p { color: var(--color-primary-100); font-family: var(--font-family-base); font-size: var(--font-size-normal); font-weight: var(--font-weight-regular); line-height: var(--lh-paragraph); } #snackys-tpl .to-model-clp__intro p { margin: 0; } #snackys-tpl .to-model-clp__intro strong { color: inherit; } #snackys-tpl .to-model-clp__intro .to-model-clp__usage { margin-top: var(--spacing-6); } @media (max-width: 767px) { #snackys-tpl .to-model-clp__intro h1 { margin-bottom: var(--spacing-3); font-size: var(--font-size-h4); } #snackys-tpl .to-model-clp__intro, #snackys-tpl .to-model-clp__intro p { font-size: var(--font-size-normal); line-height: var(--lh-paragraph); } }