.boxes {
	    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    margin: 1em 0 2em;
}
.box {
    width: 33%;
}
.box .paragraph--type--box {
    padding: 25px;
    background: #22454A;
    color: #fff;
    text-align: center;
    border: 5px solid #fff;
    height: 100%;
}

.ckeditor-accordion-container > dl {
    border: unset;
}
.ckeditor-accordion-container > dl dt {
    margin-bottom: 10px;
}
.ckeditor-accordion-container > dl dt.active > a,
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover,
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: var(--secondary-color);
    border-radius: 25px;
    border-bottom: 0;
}
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
	text-decoration: underline;
}
.ckeditor-accordion-container > dl dd {
    padding: 15px 30px 30px;
}

.view-publikacje {
	margin-top: 2em;
}
.people {
	    display: flex;
    flex-direction: column;
    align-items: center;
}
.people h2 {
	margin-top: 1em;
}
.people img {
	    max-width: 200px;
    height: auto;
    border-radius: 100px;
    border: 1px solid darkgreen;
}

@media (max-width: 1200px) {
	.box {
    width: 49%;
}
}
@media (max-width: 480px) {
	.box {
    width: 100%;
}
}