.callout-note,
.callout-warning {
    padding: 2em;
    border-radius: 10px;
    margin: 2em auto !important;
}

.callout-note > div > h1:first-child,
.callout-warning > div > h1:first-child,
.callout-note > div > h2:first-child,
.callout-warning > div > h2:first-child,
.callout-note > div > h3:first-child,
.callout-warning > div > h3:first-child,
.callout-note > div > h4:first-child,
.callout-warning > div > h4:first-child,
.callout-note > div > h5:first-child,
.callout-warning > div > h5:first-child,
.callout-note > div > h6:first-child,
.callout-warning > div > h6:first-child {
	width: fit-content;
	margin-left: 0;
	margin-top: -2.6em;
	margin-bottom: 0;
	font-size: 1.25rem;
    border: 1px solid;
    padding: .325em;
    border-radius: 5px;
}

.callout-warning {
    background-color: #fdd9be;
}

.callout-warning > div > h1:first-child,
.callout-warning > div > h2:first-child,
.callout-warning > div > h3:first-child,
.callout-warning > div > h4:first-child,
.callout-warning > div > h5:first-child,
.callout-warning > div > h6:first-child {
	border-color: #8e4402;
	color: #8e4402;
}

.callout-note {
    background-color: #d4ead9;
}

.callout-note > div > h1:first-child,
.callout-note > div > h2:first-child,
.callout-note > div > h3:first-child,
.callout-note > div > h4:first-child,
.callout-note > div > h5:first-child,
.callout-note > div > h6:first-child {
	border-color: #267048;
	color: #267048;
}