/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */
.wp-block-media-blocks {
	display: grid;
	grid-row-gap: 1rem;
	padding-top: 2rem;
}

.wp-block-media-blocks__content {
	align-self: center;
}

.wp-block-media-blocks__media {
	align-self: center;
	justify-self: center;
}

.wp-block-media-blocks__media p {
    margin-top: 15px;
    font-size: .75rem;
}

@media (max-width: 768px) {
	.wp-block-media-blocks__media.mw-media-100 {
		max-width: 100%!important;
	}
}

@media (min-width: 768px) {

	.wp-block-media-blocks {
		grid-template-columns: 1fr 1fr;
	}

	.wp-block-media-blocks .wp-block-media-blocks__media.invert {
		grid-column: 1;
		grid-row: 1;
	}
}

.gutenberg-examples-align-left {
	text-align: left;
}

.gutenberg-examples-align-center {
	text-align: center;
}

.gutenberg-examples-align-right {
	text-align: right;
}
