@charset "utf-8";

/* GRAPHIC */
	.graphic {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		}
	.graphic-image,
	.graphic-info {
		grid-area: 1 / 1;
		}
	.graphic-image {
		overflow: hidden;
		position: relative;
		}
	.graphic-image-full > *,
	.graphic-image-mobile > * {
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: absolute;
		width: 100%;
		}
	.graphic-mobile-yes .graphic-image-full {
		display: none;
		}
	@media (min-width: 60em) {
		.graphic-mobile-yes .graphic-image-full {
			display: block;
			}
		.graphic-mobile-yes .graphic-image-mobile {
			display: none;
			}
	}
	.graphic-info {
		font-size: 1rem;
		overflow: hidden;
		position: relative;
		}
	@media (min-width: 40em) {
		.graphic-info {
			font-size: 1.1rem;
			}
	}
	@media (min-width: 60em) {
		.graphic-info {
			font-size: 1.3rem;
			}
	}
	@media (min-width: 80em) {
		.graphic-info {
			font-size: 1.5rem;
			}
	}
	.graphic-holder {
		position: relative;
		text-align: center;
		z-index: 2;
		}
	.graphic-size-normal .graphic-holder {
		font-size: 1em;
		}
	.graphic-size-big .graphic-holder {
		font-size: 1.6em;
		}
	.graphic-size-bigger .graphic-holder {
		font-size: 2em;
		}
	.graphic-size-huge .graphic-holder {
		font-size: 3.2em;
		}
	.graphic-header,
	.graphic-text,
	.graphic-buttons.buttons-group {
		margin: 1rem 0;
		}
	.graphic-header {
		font-size: 2.4em;
		font-weight: var(--mywp-heavy);
		}
	.graphic-text {
		font-size: 1.6em;
		line-height: 1.4em;
		}