@charset "utf-8";
/* CSS Document */
/* The side navigation menu */
/* The Overlay (background) */

.flex-container {
	display: flex;
	flex-direction:column;
}
.content{
	display:flex;
	flex:80%;
	max-width:80%;
	background-color: transparent;
	align-self: center;
	margin-top:0vw;
}


.column{
	flex:50%;
	max-width:50%;
	flex-wrap:wrap;
	padding:  0px 1.8vw;
	justify-content: center;
}
.box{
	background-color: #000000;
	width:20.7vw;
	height:20.7vw;
	margin-bottom: 2.8vw;
}
.box.one{
	background-position: top center;
    background-size:cover;
	background-image: url("beer cherryblossom 4.png");
}
.box.two{
	background-position: top center;
    background-size:cover;
	background-image: url("stationary 3.png");
}
.box.three{
	background-position: top center;
    background-size:cover;
	background-image: url("radiancelogo.png");
}
.box.four{
	background-position: top center;
    background-size:cover;
	background-image: url("brochure1 3.png");
}
.box.five{
	background-position: top center;
    background-size:cover;
	background-image: url("terranaturalbeautypackaging.png");
}
.box.six{
	background-position: top center;
    background-size:cover;
	background-image: url("Lucysmall.jpg");
}

h1{
	font-size:4.7vw;
	color:#535353;
	line-height: 3.6vw;
	text-transform: uppercase;
	font-family: mr-eaves-xl-modern, sans-serif;
font-weight: 700;
font-style: normal;
  -webkit-text-stroke-width: 0.1vw;
	-webkit-text-fill-color: rgb(255,255,255,.5)
    -webkit-text-stroke-color: rgb(255, 255, 255, 1);
	-webkit-text-stroke: .1vw #fff;
	color: rgba(255, 255, 255, 0.2);
}
h1.lotus{
	margin-left: -5.89vw;
	padding-top:10.8vw;
	position:absolute;
	visibility: hidden;
	letter-spacing: .24vw;
	
	
}
.box.one:hover h1.lotus{
	visibility:visible;
}
em.wi{
	font-style: normal;
	-webkit-text-stroke-color: #d2d064;
}
em.brewing{
	font-style:normal;
	margin-left:5.61vw;
	letter-spacing: .43vw;
}
h1.artshow{
	padding-top:11vw;
	letter-spacing:vw;
	position:absolute;
	visibility: hidden;
}
em.chicago{
	font-style:normal;
	margin-left:7.2vw;
	padding-top:vw;
	letter-spacing: .19vw;
	
}
em.go{
	font-style:normal;
	-webkit-text-stroke-color: #D7D7D7;
}
.box.four:hover h1.artshow{
	visibility:visible;
}
h1.scandinavian{
	margin-left:-12.24vw;
	font-size:4.46;
	letter-spacing:.25vw;
	padding-top:10.8vw;
	position:absolute;
	visibility:hidden;
}
em.sca{
	font-style:normal;
	-webkit-text-stroke-color: #6A8BA4;
	
}
em.interiors{
	font-style:normal;
	margin-left:12vw;
	letter-spacing:-0.01vw;
}
.box.two:hover h1.scandinavian{
	visibility:visible;
}
h1.terranaturalbeauty{

	
	padding-top:10.95vw;
	margin-left:-.28vw;
	font-size:4.46vw;
	letter-spacing: .01vw;
	position:absolute;
	visibility: hidden;
}
em.ural{
	font-style:normal;
	-webkit-text-stroke-color: #c98d7f;
}
em.Beauty{
	font-style:normal;
	letter-spacing:.3vw;
margin-left:.06vw;}
em.TerraNat{
		font-style:normal;
	}

.box.five:hover h1.terranaturalbeauty{
	visibility:visible;
}
h1.ginama{
	padding-top:14.33vw;
	letter-spacing:.84vw;
	position:absolute;
	visibility: hidden;
	margin-left:-.1vw;
}
em.ya{
	font-style:normal;
	margin-left:-1.9vw;
	letter-spacing:.7vw;
	-webkit-text-stroke-color: #eba926;
}
em.ing{
	font-style:normal;
		-webkit-text-stroke-color: #b58057;
}
.box.six:hover h1.ginama{
	visibility:visible;
}
h1.Radiance{
	padding-top:10.8vw;
	position:absolute;
	visibility: hidden;
	letter-spacing:1.1vw;
	margin-left:-8.2vw;
}
em.Ra{
	font-style:normal;
	-webkit-text-stroke-color: #394580;
}

em.Festival{
	font-style:normal;
	margin-left:7.7vw;
	letter-spacing:.45vw;
}
em.Diance{font-style:normal;
	margin-left:.0vw;
letter-spacing:1.2vw;}

.box.three:hover h1.Radiance{
	visibility:visible;
}
@media screen and (max-width : 600px ){


.content{
	display:flex;
	flex-direction: column;
	max-width:100%;
	background-color: transparent;
	align-self: center;
	margin-top:0vw;
}


.column{

}
.box{
	width:90vw;
	height:90vw;
	margin-top:2vw;
}
	
	
	h1{
		font-size:12.5vw;
		line-height: 11vw;
		-webkit-text-stroke: .4vw #fff;
		text-align:center;
	}
	em.wi{
		-webkit-text-stroke-color: #ffffff;
	}
	
	h1.Radiance{
		margin-left:1vw;
		margin-top:57vw;
		-webkit-text-stroke-color: #ffffff;
	}
	em.Ra{
		-webkit-text-stroke-color: #ffffff;
	}
	em.Festival{
		margin-left:-13.7vw;
	}
	h1.lotus{
		text-align:left;
		letter-spacing:.5vw;
		margin-left:1.5vw;
		margin-top:57vw;		
	}
	em.brewing{margin-left:-.5vw;
	}
	
	h1.scandinavian{
		margin-top:57vw;
		margin-left:1.5vw;
	}
	em.interiors{margin-left:-28vw;}
	em.sca{-webkit-text-stroke-color: #ffffff;}
	h1.paintings{
		margin-left:1.5vw;
		margin-top:64vw;
		
	}
	em.pa{-webkit-text-stroke-color: #ffffff;}
	h1.artshow{
		margin-left:1.8vw;
		margin-top:57vw;
	}
	em.chicago{
		margin-left: -4vw;
	}
	em.go{-webkit-text-stroke-color: #ffffff;}
	
	h1.terranaturalbeauty{
		margin-left:3vw;
		margin-top:58vw;
		line-height: 9vw;
	}
	
	em.TerraNat{
		font-size:12.5vw;
		margin-bottom:-62vw;
		margin-left:-1.4vw;
		padding-top: 1vw;
	}
	em.ural{
		font-size:12.5vw;
		-webkit-text-stroke-color: #ffffff;
	}
	em.Beauty{
		font-size:12.5vw;
		margin-left:-46.4vw;
		-webkit-text-stroke-color: #ffffff;
	}
	h1.ginama{
		margin-left:2vw;
		margin-top:64.6vw;
		letter-spacing: 1vw;
	}
	em.ya{margin-left:-4vw;
		letter-spacing: 1vw;
		-webkit-text-stroke-color: #ffffff;
	}
}


@media screen and (pointer:coarse){
		
	h1.lotus{
		visibility:visible;
		z-index:0;
	}
	h1.scandinavian{
		visibility:visible;
		z-index:2;
	}
	h1.paintings{
		visibility:visible;
		z-index:0;
	}
	h1.Radiance{
		visibility:visible;
		z-index:0;
	}
	h1.artshow{
		visibility: visible;
		z-index: 0;
	}
	h1.terranaturalbeauty{
		visibility:visible;
		z-index: 0;
	}
	h1.ginama{
		visibility:visible;
		z-index: 0;
	}
	.box.one{z-index:2;}
	.box.two{z-index:4;}
	.box.three{z-index:2;}
	.box.four{z-index:3;}
	.box.five{z-index:4;}
	.box.six{z-index:0;}
	.overlay{z-index:3;}
	.overlay-content{
		z-index:0;}
	}