body {background-color: #fafafa !important;}
.mb-page .mb-section {max-width: 100%; margin-top: 4rem; margin-right: 0 !important; margin-left: 0 !important; display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center;}
.mb-section img {height: 100px; width: auto;}

.mb-article {margin: 4rem 0; flex-basis: calc(25% - 1.5rem); display: flex; flex-wrap: wrap;}
header.mb-article {flex-basis: 100%;}
.mb-article > .mb-content {flex-basis: 100%;}





.mb-element-text-align-left {text-align: left;}
.mb-element-text-align-center {text-align: center;}
.mb-element-text-align-right {text-align: right;}






.mb-article.mb-element-image-align-left {justify-content: flex-start;}
.mb-article.mb-element-image-align-center,
.mb-article.mb-element-image-align-full {justify-content: center;}
.mb-article.mb-element-image-align-right {justify-content: flex-end;}

.mb-article.mb-element-image-align-full .mb-image {flex-basis: 100%;}
.mb-article .mb-image .mb-image-background {width: 60%; height: auto;}
.mb-article.mb-element-image-align-full .mb-image .mb-image-background {width: 100%;}


.mb-element-text-align-left > .mb-content {text-align: left;}
.mb-element-text-align-center > .mb-content {text-align: center;}
.mb-element-text-align-right > .mb-content {text-align: right;}





.mb-button {margin: 1rem; padding: 1rem; display: inline-block; background-color: aquamarine;}
.mb-button img {height: 1rem; width: auto; margin: 0 0.5rem;}