.subheader{width:60%;color:var(--white);background:var(--primary-purple);padding:1rem 2rem;font-family:Rokkitt,serif;font-size:2rem;font-weight:500;transition:width .2s}.subheader-left{text-align:left;margin-left:0;margin-right:auto}.subheader-right{text-align:right;margin-left:auto;margin-right:0}@media (max-width:600px){.subheader,.subheader-left,.subheader-right{clip-path:none;text-align:center;border-radius:0;width:100%;font-size:1.5rem}}.subheader-purple{background:var(--primary-purple);color:var(--white)}.subheader-orange{background:var(--primary-brick);color:var(--white)}