body{
	/* background-color: #ebdde8; */
	width: 99%;
	height: 99%;
	font-family: Arial, sans-serif;
	color: #232324;
	overflow-x: hidden;	
	background-color: #faeaef;
}






/* Logo Of Website */
.Title{
	font-size: 16px;
	padding: 0px;
	margin: 1px;
}

#TitleBox{
	background-color: rgba(255,255,255,0.5);
	padding: 10px;
	display: inline-block;
	border-radius: 25px;
}






/* Menu Of Website */
ul.Menu{
	font-family: arial, sans-serif;
	text-align: center;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: 2px solid #874e9c;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.8);
}

li.MenuItem{
	display: inline-block;
	background: #f5cbf7;
	padding: 10px;
	margin: 2px;
	border: 1px solid #874e9c;
	border-radius: 10px;
}

.Menu a{
	text-decoration: none;
	color: #874e9c;
}

.Menu a:visited{
	color: #874e9c;
}

.Menu a:hover{
	color: purple;
	font-weight: bold;
}






/* Home Page Paragraph */
.HomeParagraph{
	margin: auto;
	width: 1000px;
}

.MainTextTitle{
	background: rgba(0, 0, 0, 0) url("Images/TitleLine.png") no-repeat scroll left bottom;
	font-family: 'Great Vibes';	
	font-size: 48px;
	color: #ed87bf;
}

.MainTextSubTitle{
	font-family: 'Great Vibes';
	font-size: 36px;
	color: #52bbdd;
}

.MainText{
	font-family: Arial, sans-serif;
	font-size: 16px;
	margin: 20px;
	color: #646363;
}

#BottomQuote {
	color: #191919;
	font-size: 29px;
	padding:5px;
	margin: 14px;
}

.MainTextQuoteBy {
	color: #6b6b6b;
	font-family: 'Great Vibes';
	font-size: 24px;
	margin-left: 20px;
	padding: 2px;
}

.MainTextTitle{
	background: rgba(0, 0, 0, 0) url("Images/TitleLine.png") no-repeat scroll left bottom;
	font-family: 'Great Vibes';	
	font-size: 48px;
	color: #ed87bf;
}






/* Services list in main text */
.ServicesList li{
	margin-bottom: 10px;
	font-size: 16.5px;
	color: #646363;
}

.ServicesList li a{
	color: #3292c3;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}

.ServicesList li a:hover{
	color: purple;
	font-weight: bold;
}

#SocialLinks a{
	text-decoration: none;
	font-weight: bold;
	color: #3292c3;
}

#SocialLinks a:visited{
	color: #874e9c;
}

#SocialLinks a:hover{
	color: purple;
	font-weight: bold;
}






/* Current Page Of Website */
#CurrentPage{
	font-weight: bold;
	background: rgba(185, 123, 199, 0.1);
}





/* ------Footer------ */
/* ReservationPossibilities */
.ReservationPossibilities {
	background-color: rgba(0, 180, 255, 0.5);
	/* display: inline-block; */
	margin-right: 35%;
	margin-left: -3%;
	border-radius: 20px;
}

.ReservationPossibilitiesText {
	margin: auto;
	width: 1000px;
	padding: 20px;
	display: block;
	font-size: 36px;
	font-family: 'Great Vibes';
	color: #ffffff;
	text-align: right;
}

.ReservationPossibilitiesHour {
	font-family: Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}






/* Links To The Other Pages */
.OtherLinks{
	background-color: rgba(50, 80, 120, 1);
	margin-left: 15%;
	margin-right: -3%;
	border-radius: 20px;
}

.OtherLinksImage{
	padding: 10px;
	margin: 50px;
	background-color: #ffffff;
	display: inline-block;
	border-radius: 180px;
}

.OtherLinksImage:hover{
	transform: transform 0.2;
	transform: scale(1.1);
}

.OtherLinksText{
	padding: 5px;
	margin-left: 50px;
	margin-right: 90px;
	display: inline-block;
	font-size: 32px;
	color: #ffffff;
	text-align: left;
	font-family: 'Great Vibes';
}






/* Contact Information */
.SectionContactMe{
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 25px;
	padding: 10px;
	margin: auto;
	width: 300px;
	text-align: center;
}

.ContactMe {
	font-family: 'Great Vibes';
	font-size: 36px;
	color: #646363;
	
	margin: auto;
	width: 300px;
}

.ContactPhone{
	font-size: 16px;
	color: #646363;
	paddig: 10px;
	margin: auto;
	width: 300px;
}

.ContactMail{
	font-size: 16px;
	color: #646363;
	paddig: 10px;
	margin: auto;
	width: 300px;
}

.ContactFacebook{
	font-size: 16px;
	color: #646363;
	paddig: 10px;
	margin-top: 20px;
	width: 300px;
}

.ContactFacebook a{
	text-decoration: none;
	font-weight: bold;
	color: #3292c3;
}

.ContactFacebook a:visited{
	color: #874e9c;
}

.ContactFacebook a:hover{
	color: purple;
	font-weight: bold;
}






/* Info About Displacement */
.InfoDisplacement{
	background-color: rgba(227, 132, 207, 1);
	margin-left: 15%;
	margin-right: -3%;
	border-radius: 20px;
}

.InfoDisplacementText{
	padding: 20px;
	display: block;
	font-size: 20px;
	color: #ffffff;
	text-align: left;
}

.InfoDisplacementText2{
	padding: 20px;
	display: block;
	font-size: 16px;
	color: #ffffff;
	text-align: left;
	margin-bottom: -15px;
}