.overlay {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100% - 0px);
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #3e211c;
}
.overlayText {
    font-size: min(max(0.9rem, 1.66666vw), 2rem);
    text-align: center;
    margin: auto;
    color: white;
    vertical-align: middle;
    margin-top: 37%;
    padding: 0 2%;
}
.itemBZ:hover .overlay {
	opacity: 0.9;
}
.containerBZ {
	display: flex !important;
	flex-flow: column wrap;
	align-content: space-between;  /* Your container needs a fixed height, and it    * needs to be taller than your tallest column. */
	min-height: 2100px;
	height: 2300px;
	flex-basis: 0%;
	flex-grow: 1;
	flex-shrink: 0;
}

div[data-component-id="13850"] .m-text__inner {
	text-align: center;
}

@media only screen and (max-width: 2200px) {
	.containerBZ {
		min-height: 1420px;
		height: 1420px;
	}
}
@media only screen and (max-width: 2000px) {
	.containerBZ {
		min-height: 1320px;
		height: 1320px;
	}
}

@media only screen and (max-width: 1800px) {
	.containerBZ {
		min-height: 1250px;
		height: 1250px;
	}
}

@media only screen and (max-width: 1600px) {
	.containerBZ {
		min-height: 1160px;
		height: 1160px;
	}
}

@media only screen and (max-width: 1400px) {
	.containerBZ {
		min-height: 1080px;
		height: 1080px;
	}
}

@media only screen and (max-width: 1200px) {
	.containerBZ {
		min-height: 900px;
		height: 900px;
	}
}
@media only screen and (max-width: 1024px) {
	.m-textimage__text {
		text-align: center;
	}
}

@media only screen and (max-width: 800px) {
	.containerBZ {
		min-height: 800px;
		height: 800px;
	}
	div[data-component-id="13849"].m-text {
		mix-blend-mode: difference;
	}

}
@media only screen and (max-width: 600px) {
	.containerBZ {
        min-height: 600px;
        height: fit-content;
	}
}
@media only screen and (max-width: 400px) {

}

.linkPNG {
	position:absolute;
	width: 6%;
	right:3%;
	top:4%;
	z-index:2;
}
.itemBZ {
	position:relative;
	width: 32%;
	margin-bottom: 2%; /* Optional */
}
.itemBZ img {
	width: 100%;
	height: 100%;
	object-fit: cover;      /* 2. Set img to block to avoid a little whitespace issue */
	display: block;
}/* Re-order items into 3 rows */
.itemBZ:nth-child(3n+1) { order: 1; }
.itemBZ:nth-child(3n+2) { order: 2; }
.itemBZ:nth-child(3n)   { order: 3; }/* Force new columns */
.containerBZ::before,.containerBZ::after {  content: "";  flex-basis: 100%;  width: 0;  order: 2;}
.didaMasonryCSS {text-align:right;padding-top: 2%;}
.didaMasonryCSS a {text-decoration:none;}
.m-container {padding-top:0px;}
.grid-container {    width: 100%;    display: grid;    grid-template-rows: 0% 24% 24% 24%;    grid-template-columns: 32.05% 32.05% 32.05%;    grid-gap: 2%;    height: auto;    padding-bottom: 7%;}
.grid-item1 {    text-align: center;    grid-column-start: 1;    grid-column-end: 4;    grid-row-start: 1;    grid-row-end: 1;}
.buttonShopNow {    text-align: center;    vertical-align: middle;    width: 25%;    border-radius: 50%;    background-color: #613a35;    position: absolute;    z-index: 7;        top: 56%; right: 37.5%;	margin:auto;    aspect-ratio: 1 / 1;}

.-richtext p:nth-child(5) {    font-size: min(max(1.8rem, 1.3888888889vw), 2.8rem);    font-weight: 500;}
.m-textimage__body p {
	font-size: min(max(1.5rem, 1.3888888889vw), 2.5rem);
}
.m-textimage__body p:nth-child(5) {
	font-size: min(max(1.8rem, 1.3888888889vw), 2.8rem);
	font-weight:500;
}

.containerXXX {  position: relative;   width: 400px; /** optional **/  height: 400px; /** optional **/  background-color: red; /** optional **/}
.textShopNow {  position: absolute;  top: 0;  width: 100%;  height: 100%;  display: flex;  color:white;  font-size: min(max(1.8rem, 1.3888888889vw), 2.8rem);  line-height:95%;  font-weight:4;  align-items: center; /** Y-axis align **/  justify-content: center; /** X-axis align **/}

.textShopNow {
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: white;
font-size: min(max(1.28rem, 1.3888888889vw), 2.8rem) !important;
    line-height: 95%;
    font-weight: 4;
    align-items: center;
    justify-content: center;
}
@keyframes fadeIn {
  from {opacity: 0}
  to {opacity: 1}
}

.titleText {
  opacity: 0;
  animation: fadeIn 4s forwards; /* forwards (animation-fill-mode) retains the style from the last keyframe when the animation ends */
}

#second {
  animation-delay: 4s;
}

#third {
  animation-delay: 8s;
}
.btn-flip {	 opacity: 1;	 outline: 0;	 color: #fff;	 line-height: 40px;	 position: relative;	 text-align: center;	 letter-spacing: 1px;	 display: inline-block;	 text-decoration: none !important;	 font-family: "Satoshi", sans-serif;    font-weight: 300;    font-size: min(max(2rem, 1.3888888889vw), 3rem);    line-height: 1.5;    letter-spacing: normal;	 text-transform: uppercase;	 width:25%;	 } 
.btn-flip:hover:after {	 opacity: 1;	 transform: translateY(0) rotateX(0);}
.btn-flip:hover:before {	 opacity: 0;	 transform: translateY(50%) rotateX(90deg);}
.btn-flip:after {	 top: 0;	 left: 0;	 opacity: 0;	 width: 100%;	 color: #323237;	 display: block;	 transition: 0.5s;	 position: absolute;	 background: #adadaf;	 content: attr(data-back);	 transform: rotateX(90deg);	 padding: 6% 1%;}
.btn-flip:before {	 top: 0;	 left: 0;	 opacity: 1;	 color: #adadaf;	 display: block;	 padding: 0 30px;	 line-height: 40px;	 transition: 0.5s;	 position: relative;	 background: #613a35;	 content: attr(data-front);	 transform: translateY(0) rotateX(0);	 padding: 6% 1%;}
div[data-component-id="13850"].-richtext {		padding:5%;		text-align:center;}
div[data-component-id="13852"].m-text {		width:100%;		height: 100%;		z-index: 6;		position: relative;		float: none;		margin:auto;}
@media (min-width: 1280px) {    .m-text__inner {        width: auto;    }}
@media (min-width: 1024px) {    .m-text__inner {        width: auto;        margin: 0 auto;    }}
div[data-component-id="13849"].m-text {    position: absolute;    top: 38%;    left: 20%;    width: 60%;    aspect-ratio: auto;    text-align: center;	z-index:6;}
div[data-component-id="13852"] .m-text__inner {    font-size: min(max(2.5rem, 1.3888888889vw), 3.5rem);    line-height: 1.4;    text-align:center;}
div[data-component-id="13847"] .m-wrapper {    padding-left: 0%;    padding-right: 0%;}
div[data-component-id="13847"] .m-media img { height:100vh; }

div[data-component-id="13847"] .m-media.-ratio-16-9::before {
    padding-bottom: 49.25%;
}

/*div[data-component-id="13847"] .m-wrapper {    padding-left: 4%;    padding-right: 4%;}
div[data-component-id="13847"] .m-media.-ratio-16-9::before {    padding-bottom: 75%;}*/
div[data-component-id="13852"] .m-text__inner>*+* {    margin-top: 3.2rem;    width: 75%;    margin: auto;}
div[data-component-id="13852"] .m-text__title {    color: #613a35}
div[data-component-id="13852"].m-section {    margin-bottom: 8rem;	margin-top: 8rem;	}
div[data-component-id="13851"] .m-text {		width:100%;		height: 100%;		z-index: 9;		position: relative;		float: none;		margin:auto;}
.m-text__title {    margin-bottom: 8rem;	font-size:min(max(3.5rem, 4.4444444444vw), 9.4rem);	}
div[data-component-id="13851"] .-richtext a {text-decoration:none;}

.titleText {
	color: #ffffff;
    font-size: min(max(5rem, 5.555555vw), 14rem);
	line-height:100%;
}
.-type-small .m-textimage__title {    font-family: "Satoshi", sans-serif;    font-weight: 500;    font-size: min(max(3.5rem, 4.4444444444vw), 9.4rem);    line-height: 1;    letter-spacing: -.02em;	color: #613a35}
@media (min-width: 1280px) {
	div[data-component-id="13852"] .m-text__inner {        width: calc(15 / var(--cols, 24)* calc(100vw - var(--vw-check, 15px)));    }    
	div[data-component-id="13851"] .m-text__inner {        width: calc(18 / var(--cols, 24)* calc(100vw - var(--vw-check, 15px)));    }
	div[data-component-id="13852"].m-section {        margin-bottom: 14rem;		margin-top: 14rem;    }
	div[data-component-id="13852"] .m-text {		width:100%;		height: 100%;		z-index: 9;		position: relative;		float: none;		margin:auto;	}
	div[data-component-id="13851"] .m-text {			width:100%;			height: 100%;			z-index: 9;			position: relative;			float: none;			margin:auto;	}
}
@media (min-width: 1024px) {
	div[data-component-id="11264"] .m-text {		width:100%;		height: 100%;		z-index: 9;		position: relative;		float: none;		margin:auto;	}
	div[data-component-id="13852"].m-section {        margin-bottom: 22rem;		margin-top: 22rem;		    }
	div[data-component-id="11264"] .m-text__inner {		width: 86%;		margin: auto;	}
	.grid-container {		width: 100%;		display: grid;		grid-template-rows: 0% 49% 49% 10%;		grid-template-columns: 18.4% 18.4% 18.4% 18.4% 18.4%;		grid-gap: 2%;	}
	.grid-container {		grid-template-rows: 0% 35% 35% 10%;	}
	.grid-item1 {		text-align: center;		grid-column-start: 1;		grid-column-end: 6;		grid-row-start: 1;		grid-row-end: 1;	}
	.grid-item2 {		text-align: center;	}
	.-type-small .m-textimage__wrapper {        padding-left: calc(4 / var(--cols, 24)* calc(100vw - var(--vw-check, 15px)));    }
	.m-textimage__wrapper {        gap: 5%;        justify-content: none;    }
/*	div[data-component-id="13847"] .m-wrapper {    padding-left: 12%;    padding-right: 12%;}*/
}

div[data-component-id="13851"] .-richtext {        
	display: inline-flex;
}
.m-text__inner h2 {
	font-weight: 500;
	font-size: min(max(1.2rem, 2.4444444444vw), 3.8rem);
}

@media (max-width: 560px) {
	div[data-component-id="13849"].m-text {
		position: absolute;
		top: 35%;
		left: 10%;
		width: 80%;
		aspect-ratio: auto;
		text-align: center;
		z-index: 6;
	}
	
	div[data-component-id="13849"] .titleText {
		display: flex;
		height: 50vh;
		flex-wrap: nowrap;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
	}	
	div[data-component-id="13851"] .-richtext {
		display: flex;
		flex-direction: column;
	}
	
	.itemBZ {
		order: 1 !important;
		position: relative;
		width: 100%;
		margin-bottom: 2%;
	}	
.	
	

    .containerBZ {
        min-height: 400px;
        height: fit-content;
    }	

	.overlayText {
		margin-top: 18%;
	}	
	.linkPNG {
		width: 10%;
	}	
/*	div[data-component-id="13847"] .m-media img, .m-media video {
		height: 74vh;
	}
	
	div[data-component-id="13847"].m-section {
		height: 68vh;
	}*/	
	div[data-component-id="13849"].m-text {
        mix-blend-mode: normal;
    }	
}

.wall {
  display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100vw;
  margin: 0 auto;
}
/*
img {
  width: 33.3%;
  margin: 0.3rem;
  border-radius: 8px;
  flex-grow: 1;
}
*/
@media (min-aspect-ratio: 1/2.5) {
	div[data-component-id="13849"].m-text {top: 6%;}
}
@media (min-aspect-ratio: 1/2.2) {
	div[data-component-id="13849"].m-text {top: 12%;}
}

@media (min-aspect-ratio: 1/1.9) {
	div[data-component-id="13849"].m-text {top: 20%;}
}

@media (min-aspect-ratio: 1/1.6) {
	div[data-component-id="13849"].m-text {top: 35%;}
}

@media (min-aspect-ratio: 1/1) {
	div[data-component-id="13849"].m-text {top: 48%;}
}
@media (min-aspect-ratio: 1.5/1) {
	div[data-component-id="13849"].m-text {top: 63%;}
}