html, body, div, h1, h2, 
	h3, h4, h5, h6, p, a, 
	ol, ul, li, form, input,
	label, textarea {
		border: 0;
		margin: 0;
		padding:0;
	}

#holon {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0rem;
}

li {
	list-style: none;
}

#headerDiv {
	position: absolute;
	top: 0rem;
	width: 100%;
	height: 10%;
	background-color: #7f7fff;
}

#titleDiv {
	width: 30%;
	height: 100%;
	/*outline: 1px #00a814 solid;*/
	float: left;
}

#mainTitleH1 {
	font-family: 'Raleway', sans-serif;
	color: #131100;
	font-size: 2.5em;
	padding-left: 1.5rem;
	padding-top: 1rem;
	
}

p {
	font-family: 'Roboto', sans-serif;
}

a {
	text-decoration: none;
}

li a p {
	color: #131100;
	margin-top: 2.3rem;
}

li a p:hover {
	/*background-color: #f7f7f7;*/
	color: #0014a8;
	font-weight: 700;
	
}

li a p.current {
	color: #131100;
	font-weight: 700;
}

#mainMenu {
	width: 70%;
	height: 100%;
	float: left;
	/*outline: 3px #04ffff solid;*/
}

ul {
	width: 100%;
	height: 100%;
	/*outline: 2px #0018a8 solid;*/
}

li {
	/*outline: 1px #a80404 solid;*/
	height: 100%;
	width: 25%;
	/*top: 1.5rem;*/
	float: left;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 1.8rem;
}

#bodyDiv {
	position: relative;
	top: 10%;
	width: 100%;
	height: 82%;
	background-color: #ffffff;
	color: #131100;
	font-family: 'Roboto', sans-serif;
}

#aboutDiv {
	position: absolute;
	left: 0%;
	width: 36%;
	height: 100%;
}

#aboutDiv * {
	text-align: center;
}

#centerDiv {
	position: absolute;
	left: 36%;
	width: 64%;
	height: 100%;
	background-color: #7f7fff;
}

#galleryDiv {
	position: absolute;
	left: 6%;
	width: 88%;
	height: 100%;
	background-color: #7f7f7f;
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#galleryDiv * {
	width: 100%;
	/*max-height: 100%;*/
	margin-bottom: 20px;
	flex: 0 0 auto;
	object-fit: cover;
}

#formDiv {
	position: absolute;
	left: 15%;
	width: 70%;
	height: 100%;
	outline: 2px #cfff04 solid;
}

.labelInputDiv {
	outline: 1px #04c444 solid;
}

#centerAlertH2 {
	position: relative;
	font-family: 'Roboto', sans-serif;
	color: #131100;
	font-size: 1.8rem;
	text-align: center;
	top: 48%;
	margin-right: 8rem;
	/*background-color: #e7f7df;*/
}

#centerTitleH2 {
	position: relative;
	font-family: 'Roboto', sans-serif;
	color: #131100;
	font-size: 1.8rem;
	text-align: center;
	/*top: 48%;*/
	/*margin-right: 8rem;*/
	/*background-color: #e7f7df;*/
}

#footerDiv {
	position: absolute;
	bottom: 0%;
	/*top: 92%;*/
	width: 100%;
	height: 08%;
	/*background-color: #e7f7df;*/
	/*outline: 2px #040404 solid;*/
}

#footerMenu {
	width: 100%;
	height: 50%;
	/*outline: 1px #eebb11 solid;*/
}

#legalNotice {
	width: 100%;
	height: 50%;
	/*outline: 1px #cc0404 solid;*/
}

#legalNotice p {
	text-align: center;
}

form {
	position: absolute;
	width: 24rem;
	height: 16rem;
	left: 50%;
	/*outline: 1px #04c444 solid;*/
}

form * {
	display: block;
}

#guestName {
	width: 100%;
}

.horizScrollAlbum {
	overflow: auto;
	display: flex;
	align-items: center;
}

.horizScrollAlbum * {
	height: 100%;
	margin-right: 20px;
	flex: 0 0 auto;
	object-fit: cover;
}

.vertiScrollAlbum {
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.vertiScrollAlbum * {
	width: 100%;
	/*max-height: 100%;*/
	margin-bottom: 20px;
	flex: 0 0 auto;
	object-fit: cover;
}