Body{
    background-image:url("../../..//LandingPageIMG/bgtest.jpg");
    font-family:Chubbo;
    font-size:25px
}

.NAV{
	background-color:black;
	width:100%;
	height:125px;
	color:white;
	text-align:center;
	font-size:25px;
	position:fixed;
	top:0px;
	z-index:10;
	left:0px;
}

.BENHONG{
	text-align:left;
	font-size:90px;
	margin-left:15px;
	font-family:Tanker;
}

.Links{
	text-align:right;
	position:relative;
	top:-66px;
	margin-right:15px;
}

a{
	color:white;
}

.Bottom{
	background-color:black;
	color:white;
	position:absolute;
	width:100%;
	left:0px;
	right:0px;
	Height:100px;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	font-size:18px;
}

#BottomLink{
	grid-area: 2 / 8;
	text-align:center;
}

#BottomEmail{
	grid-area: 2 / 7;
	text-align:center;
}

.Display{
	margin-top:15%;
	margin-bottom:5%;
	display:grid;
	grid-template-columns:repeat(3, minmax(1fr, 1fr));
	grid-template-rows:1fr, 100px;
	align-content:center;
	justify-content:center;
	grid-gap:15px;
}

.textual{
	grid-area: 2/1/2/5;
	place-self:center;
	color:white;
}

.display{
	place-self:center;
	width:500px;
	height:500px;
	overflow:hidden;
	place-self:center;
}

.display2{
	place-self:center;
	width:500px;
	height:500px;
	place-self:center;
}

.display3{
	place-self:center;
	width:300px;
	height:600px;
	overflow:hidden;
	place-self:center;
}

.Promo2{
	width:300px;
	height:auto;
}

.Promo{
	width:100%;
	height:auto;
}

.Album{
	width:500px;
	height:auto;
}

.dtext{
	color:white;
	place-self:center;
	grid-area:1/1/1/1;
}

#Divider{
	width:100%;
	height:10px;
	margin:10px;
	background-color:black;
}

.Container{
	display:grid;
	grid-template-columns:repeat(5, minmax(250px,250px));
	grid-template-rows:repeat(2,);
	background-color:white;
	align-items:center;
	justify-content:center;
	margin-top:5%;
    grid-column-gap:25px;
	padding:10px;
}

.Example{
	width:250px;
	overflow:hidden;
	place-self:center;
}

.Explain1{
	width:250px;
	overflow:hidden;
	place-self:center;
}

.Explain2{
	width:250px;
	overflow:hidden;
	place-self:center;
}

.Explain3{
	width:250px;
	overflow:hidden;
	place-self:center;
}

.IMGbox{
	width:250px;
	height:auto;
	overflow:hidden;
}

.IMGbox2{
	width:250px;
	height:auto;
	overflow:hidden;
	grid-area:3/2/3/2;
}

.IMGbox3{
	width:250px;
	height:auto;
	overflow:hidden;
	grid-area:3/3/3/3;
}

.IMGbox4{
	width:250px;
	height:auto;
	overflow:hidden;
	grid-area: 3/4/3/4;
}

.Textbox{
	grid-area: 2/1/2/6;
	text-align:center;
	place-self:center;
}

.Textbox2{
	grid-area:4/1/4/6;
	text-align:center;
	place-self:center;
}