.paragraph {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
    /* align-items: center; */
}

.paragraph--type--teksti-teksti, .paragraph--type--kuva-teksti, .paragraph--type--teksti-kuva{
    grid-template-columns: 1fr;
}

.paragraph p:first-child, .paragraph h2:first-child {
    margin-top: 0;
}

.field--name-field-teksti-pinkilla-taustalla {
 background-color: var(--npa-color-1);
padding: 1rem 2rem;
color: var(--white);
}

.field--name-field-teksti-pinkilla-taustalla h3, .field--name-field-teksti-vaaleansinisella-ta h3, .field--name-field-teksti-lilalla-taustalla h3, .field--name-field-keltainen-laatikko h3, .field--name-field-sininen-laatikko h3, .field--name-field-teksti-oranssilla-taustall h3 {
	color: var(--white);
}

.field--name-field-teksti-vaaleansinisella-ta {
	 background-color: var(--npa-color-2);
padding: 1rem 2rem;
color: var(--white);
}

.field--name-field-teksti-lilalla-taustalla {
	background-color: var(--npa-color-3);
padding: 1rem 2rem;
color: var(--white);
}

.field--name-field-keltainen-laatikko {
	background-color: var(--npa-color-4);
padding: 1rem 2rem;
color: var(--white);
}

.field--name-field-sininen-laatikko {
	background-color: var(--npa-color-6);
padding: 1rem 2rem;
color: var(--white);
}

.field--name-field-teksti-oranssilla-taustall {
	background-color: var(--npa-color-6);
padding: 1rem 2rem;
color: var(--white);
}

@media (min-width: 960px) {
    .paragraph--type--teksti-teksti, .paragraph--type--kuva-teksti, .paragraph--type--teksti-kuva {
        grid-template-columns: 1fr 1fr;
    }

     .paragraph--type--pinkki-laatikko-vaaleansininne-l, .paragraph--type--keltainen-laatikko-sininen-laati {
        grid-template-columns: 1fr 1fr;
    }

    .paragraph--type--pinkki-vaaleansininen {
    	 grid-template-columns: 1fr 1fr;
    }
}