<style type="text/css">
/*Body Styling*/
body { 
	zoom: 200%;
 	margin: 0px auto;
 	max-width: 1000px;
 	width: 100%;
 	height: 100%;
	min-height: 1000px;
}
/*Pamoi Font Setting*/
.pamoi-font {
	font-family: 'Aguafina Script';
	margin: auto;
}

/*	Web Navigation Bar Styling	*/

nav		{
	position: fixed;
	left: auto;
	right: auto;
	width: 100%;
	background-color: #000000aa  ; 
	box-sizing: border-box;
	transition: .5s;

}
nav div ul {
	margin: 0px;
	padding: 5px;
	display: flex;

}
nav div ul li {
	list-style: none;
	font-family: 'Quicksand';
	background-color: #fafafa;

}

nav div ul li a {
	line-height: 20px;
	color: #000000aa;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: .5s;

}

div.mobile-links {
	display: none;
}
/*	Mobile Version Navigation  */
@media screen and (max-width: 700px)	{
	div.page-links {
		display: none;
	}
	div.mobile-links {
		display: block;
	}
}
/*Navigation Bar Animation */
#nav-bar {
	background-color: #000000aa;
	height: 90px ;
	z-index: 91;
}
#nav-bar:hover {
	background-color: #000000;
	height: 110px;

	}
#nav-bar:hover > #nav-logo{
    cursor:  pointer ;
    text-align: center 1s;
    font-size: 4em;
    }
#nav-bar:hover > #page-links {
	margin-top: 10px;
	height: 30px;
	transition: 2s;
	transition-delay: .5s;
}

 /*Pamoi Logo*/
#nav-logo		{
	height: 100px;
	width: 250px;
	margin: auto;
	background-color: #aa000000;
	font-size: 50px;
	color: white;
	position: local ;
	text-align: center;
	text-shadow: 0px 2px 8px #000000;
	transition: 1s;
	z-index: 99;
  	transition-timing-function: ease-out;

	}
 #page-links		{
 	width: 100%;
 	background-color: #ffffff;
 	overflow: hidden;
 	margin-top: 10px;
 	color: white;
 	font-size: 20px;
  	position: local;
  	height: 0%;
  	z-index: 0;

 	 }

/* Background Style*/

div.background-display  {
	min-width: auto;
	height: 470px;
	width: 100%;
	background-image: url('img/Background/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-top: 0px ;
	position: absolute; 
	overflow: hidden;
	z-index: -99 ;

}

/*Large Display*/
#main-display {
	width: 100%;
	height: 370px;
	position: absolute;
	margin: auto;
	align-self: center;
	background: #aa000000;
	overflow: hidden;
	z-index: 50;


}
#main-display-background		{
	text-align: center;
	position: absolute;
	overflow: hidden;
	width: 100%;
	margin-top: 370px;
	height: 0%;
	background: none;
	transition-timing-function: ease;

}
#main-display:hover	> #main-display-background  {
	height: 370px;
	transition: 2s;
	margin-top: 0px;
	z-index: 99;
}
#main-display:hover > #display-large-animation{
	box-shadow: 0px 0px 10px black;
}
#main-display:hover > .display-large {
	height: 300px;
	width: 485px;
	transition: 2s;
	transition-timing-function: ease-out;
	border-style: solid;
	border-color: black;
}
#main-display:hover > embed.iframe-main {
	height: 300px;
	width: 485px;
	transition: 2s;
	transition-timing-function: ease-out;

}

#main-display:hover > div.display-large {
	transition-timing-function: linear;
	transition-delay: box-shadow 3s ;
	box-shadow: 0px 0px 50px 10px black,
				inset 0px 0px 75px 0px #000000aa;
}

div.display-large 	{
	height: 275px;
	background-image: url('img/Demo/img_01.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: relative;
	width: 444px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	box-shadow: 0px 0px 50px 10px #000000aa,
				inset 0px 0px 75px 0px #000000aa;
	transition: 1s;
	transition-timing-function: ease-in-out;

}

#page-links {
	display: all;
}
.iframe-main	{
	width: 444;
	height: 275;

}
.mini-display-container	{
	margin-top: 0px;
	height: 300px;
	width: 100% ;
	background-color: black;
	z-index: 99;
	position: inherit;
}