.bottom-navigation {
	width: 100%; 
	bottom: 0; 
	margin-bottom: 0px; 
	position: absolute; 
	border: 0px;
	}

.container-bottom-navigation {
	height: auto;
	77display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff; 
}
.lead-intro { 
  	text-shadow: 0 1px 10px #000; 
	text-align: center;
  	font-family: "Raleway";
	 }

7878.header-bar {
	margin: 0 auto;
	position: relative;
	width: 50%;
	111min-width: 300px;  
	height: 50px;  
	border: 10px solid transparent;
	border-top: 10px solid #fffa;
	border-left: 10px solid #fffa;
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset;
	}





/* SMALLER TABLET screens */   /* SMALLER TABLET */
@media screen and (max-width: 480px) {
  	.header-bar {
		margin: 0 auto;
		position: relative;
		width: 50%;
		111min-width: 300px;  
		height: 50px;  
		border: 10px solid transparent;  border: 3px solid transparent;
		border-top: 10px solid #fffa; border-top: 3px solid #fffa;
		border-left: 10px solid #fffa; border-left: 3px solid #fffa;
		box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset;   
  		} 

	.lead-intro { 
  		font-size: 8px;
		margin-bottom: 2px;  
	 	}
	}





@media only screen and (min-width : 320px) and (max-width : 480px) {/* Mobile portrait */
  	.header-bar {
		margin: 0 auto;
		position: relative;
		width: 50%;
		111min-width: 300px;  
		height: 50px;  
		border: 10px solid transparent;  border: 3px solid transparent;
		border-top: 10px solid #fffa; border-top: 3px solid #fffa;
		border-left: 10px solid #fffa; border-left: 3px solid #fffa;
		box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset; 
  		} 

	.lead-intro { 
  		font-size: 8px;
		margin-bottom: 2px; 
	 	}
	}





@media only screen and (min-width : 480px) and (max-width : 595px) {/* Mobile landscape */
  	.header-bar {
		margin: 0 auto;
		position: relative;
		width: 50%;
		111min-width: 300px;  
		height: 50px;  
		border: 4px solid transparent;
		border-top: 4px solid #fffa;
		border-left: 4px solid #fffa;
		box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset;   
  		} 

	.lead-intro { 
  		font-size: 9px;
		margin-bottom: 2px; 
	 	}
	}





@media only screen and (min-width : 595px) and (max-width : 690px) {/* Small tablet portrait */
  	.header-bar {
		margin: 0 auto;
		position: relative;
		width: 50%;
		111min-width: 300px;  
		height: 50px;  
		border: 5px solid transparent;
		border-top: 5px solid #fffa;
		border-left: 5px solid #fffa;
		box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset;   
  		} 

	.lead-intro { 
  		font-size: 10px;
		margin-bottom: 2px; 
	 	}
	}





@media only screen and (min-width : 690px) and (max-width : 769px) {/* Tablet portrait */
  	.header-bar {
		margin: 0 auto;
		position: relative;
		width: 50%;
		111min-width: 300px;  
		height: 50px;  
		border: 6px solid transparent;
		border-top: 6px solid #fffa;
		border-left: 6px solid #fffa;
		box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset;   
  		} 

	.lead-intro { 
  		font-size: 11px;
		margin-bottom: 2px; 
	 	}
	}





/* SMALLER TABLET screens */   /* (location for ID picture) --- SMALLER TABLET */
@media only screen and (min-width : 769px) and (max-width : 800px) {/* Small tablet landscape */
	.header-bar {
		margin: 0 auto;
		position: relative;
		width: 50%;
		111min-width: 300px;  
		height: 50px;  
		border: 7px solid transparent;
		border-top: 7px solid #fffa;
		border-left: 7px solid #fffa;
		box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset;   
  		} 

	.lead-intro { 
  		font-size: 12px;
		margin-bottom: 2px; 
	 	}
	}





/* SMALLER TABLET screens */   /* (location for ID picture --- SMALLER TABLET */
@media only screen and (min-width : 800px) and (max-width : 1024px) {/* Small tablet landscape */
  	.header-bar {
		margin: 0 auto;
		position: relative;
		width: 50%;
		111min-width: 300px;  
		height: 50px;  
		border: 8px solid transparent;
		border-top: 8px solid #fffa;
		border-left: 8px solid #fffa;
		box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset;    
  		} 

	.lead-intro { 
  		font-size: 13px;
		margin-bottom: 2px;  
	 	}
	}





@media only screen and (min-width : 1024px) and (max-width : 1224px) {/* Tablet landscape */
  	.header-bar {
		margin: 0 auto;
		position: relative;
		width: 50%;
		111min-width: 300px;  
		height: 50px;  
		border: 9px solid transparent;
		border-top: 9px solid #fffa;
		border-left: 9px solid #fffa;
		box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset;   
  		} 

	.lead-intro { 
  		font-size: 14px;
		margin-bottom: 2px;  
	 	}
	}






/* Desktops and laptops */  /* SMALL DESKTOP */
@media only screen 
and (min-width : 1224px) {
  	.header-bar {
		margin: 0 auto;
		position: relative;
		width: 50%;
		111min-width: 300px;  
		height: 50px;  
		border: 10px solid transparent;
		border-top: 10px solid #fffa;
		border-left: 10px solid #fffa;
		box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25) inset;  
		} 

	.lead-intro { 
  		font-size: 15px;
		margin-bottom: 2px; 
	 	}
	}












/* SMALLER TABLET screens */   /* SMALLER TABLET */
@media screen and (max-width: 480px) {
  	.header-bar {
		  min-width: 75%;  
  		}
	}





@media only screen and (min-width : 320px) and (max-width : 480px) {/* Mobile portrait */
  	.header-bar {
		  min-width: 75%; 
  		}
	}





@media only screen and (min-width : 480px) and (max-width : 595px) {/* Mobile landscape */
  	.header-bar {
		  min-width: 70%;  
  		}
	}





@media only screen and (min-width : 595px) and (max-width : 690px) {/* Small tablet portrait */
  	.header-bar {
		  min-width: 70%; 
  		}
	}





@media only screen and (min-width : 690px) and (max-width : 769px) {/* Tablet portrait */
  	.header-bar {
		  min-width: 65%;  
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture) --- SMALLER TABLET */
@media only screen and (min-width : 769px) and (max-width : 800px) {/* Small tablet landscape */
	.header-bar {
		  min-width: 60%;  
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture --- SMALLER TABLET */
@media only screen and (min-width : 800px) and (max-width : 1024px) {/* Small tablet landscape */
  	.header-bar {
		  min-width: 55%;   
  		}
	}





@media only screen and (min-width : 1024px) and (max-width : 1224px) {/* Tablet landscape */
  	.header-bar {
		  min-width: 50%;  
  		}
	}






/* Desktops and laptops */  /* SMALL DESKTOP */
@media only screen 
and (min-width : 1224px) {
  	.header-bar {
		  min-width: 45%;  
		} 
	}











7878.header-bar::after {
	content: '';
	position: absolute;
	top: -10px;
	right: -10px;
	width: 30%;
	height: 49px;
	border: 10px solid transparent;
	border-bottom: 10px solid #fffa;
	border-right: 10px solid #fffa;
	transition: 0.3s linear all;
}






/* SMALLER TABLET screens */   /* SMALLER TABLET */
@media screen and (max-width: 480px) {
  	.header-bar::after {
		content: '';
		position: absolute;
		top: -10px; top: -3px;
		right: -10px; right: -3px;
		width: 30%;
		height: 49px;
		border: 3px solid transparent;
		border-bottom: 3px solid #fffa;
		border-right: 3px solid #fffa;
		transition: 0.3s linear all;   
  		}
	}





@media only screen and (min-width : 320px) and (max-width : 480px) {/* Mobile portrait */
  	.header-bar::after {
		content: '';
		position: absolute;
		top: -10px; top: -3px;
		right: -10px; right: -3px;
		width: 30%;
		height: 49px;
		border: 3px solid transparent;
		border-bottom: 3px solid #fffa;
		border-right: 3px solid #fffa;
		transition: 0.3s linear all;  
  		}
	}





@media only screen and (min-width : 480px) and (max-width : 595px) {/* Mobile landscape */
  	.header-bar::after {
		content: '';
		position: absolute;
		top: -4px;
		right: -4px;
		width: 30%;
		height: 49px;
		border: 4px solid transparent;
		border-bottom: 4px solid #fffa;
		border-right: 4px solid #fffa;
		transition: 0.3s linear all;   
  		}
	}





@media only screen and (min-width : 595px) and (max-width : 690px) {/* Small tablet portrait */
  	.header-bar::after {
		content: '';
		position: absolute;
		top: -5px;
		right: -5px;
		width: 30%;
		height: 49px;
		border: 5px solid transparent;
		border-bottom: 5px solid #fffa;
		border-right: 5px solid #fffa;
		transition: 0.3s linear all;   
  		}
	}





@media only screen and (min-width : 690px) and (max-width : 769px) {/* Tablet portrait */
  	.header-bar::after {
		content: '';
		position: absolute;
		top: -6px;
		right: -6px;
		width: 30%;
		height: 49px;
		border: 6px solid transparent;
		border-bottom: 6px solid #fffa;
		border-right: 6px solid #fffa;
		transition: 0.3s linear all;  
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture) --- SMALLER TABLET */
@media only screen and (min-width : 769px) and (max-width : 800px) {/* Small tablet landscape */
	.header-bar::after {
		content: '';
		position: absolute;
		top: -7px;
		right: -7px;
		width: 30%;
		height: 49px;
		border: 7px solid transparent;
		border-bottom: 7px solid #fffa;
		border-right: 7px solid #fffa;
		transition: 0.3s linear all;  
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture --- SMALLER TABLET */
@media only screen and (min-width : 800px) and (max-width : 1024px) {/* Small tablet landscape */
  	.header-bar::after {
		content: '';
		position: absolute;
		top: -8px;
		right: -8px;
		width: 30%;
		height: 49px;
		border: 8px solid transparent;
		border-bottom: 8px solid #fffa;
		border-right: 8px solid #fffa;
		transition: 0.3s linear all;    
  		}
	}





@media only screen and (min-width : 1024px) and (max-width : 1224px) {/* Tablet landscape */
  	.header-bar::after {
		content: '';
		position: absolute;
		top: -9px;
		right: -9px;
		width: 30%;
		height: 49px;
		border: 9px solid transparent;
		border-bottom: 9px solid #fffa;
		border-right: 9px solid #fffa;
		transition: 0.3s linear all;  
  		}
	}






/* Desktops and laptops */  /* SMALL DESKTOP */
@media only screen 
and (min-width : 1224px) {
  	.header-bar::after {
		content: '';
		position: absolute;
		top: -10px;
		right: -10px;
		width: 30%;
		height: 49px;
		border: 10px solid transparent;
		border-bottom: 10px solid #fffa;
		border-right: 10px solid #fffa;
		transition: 0.3s linear all;  
		} 
	}











.header-bar > .logo { 
	position: absolute;
	top: calc(50% - 20px); 
	margin-top: 20px; margin-top: 30px;  
	left: 10px;
	transform: translateY(-50%);
	color: #fffc;
	111font-family: 'Parisienne', cursive; 
	cursor: default;
	user-select: none; 
}
.slider-menu { height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	list-style-type: none; 
	margin: 0;
	padding: 0;
	z-index: 1;
}



/* SMALLER TABLET screens */   /* SMALLER TABLET */
@media screen and (max-width: 480px) {
  	.slider-menu {
		margin-top: 6px;  
  		}
	}





@media only screen and (min-width : 320px) and (max-width : 480px) {/* Mobile portrait */
  	.slider-menu {
		margin-top: 6px;  
  		}
	}





@media only screen and (min-width : 480px) and (max-width : 595px) {/* Mobile landscape */
  	.slider-menu {
		margin-top: 5px;    
  		}
	}





@media only screen and (min-width : 595px) and (max-width : 690px) {/* Small tablet portrait */
  	.slider-menu {
		margin-top: 5px;
  		}
	}





@media only screen and (min-width : 690px) and (max-width : 769px) {/* Tablet portrait */
  	.slider-menu {
		margin-top: 4px;   
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture) --- SMALLER TABLET */
@media only screen and (min-width : 769px) and (max-width : 800px) {/* Small tablet landscape */
	.slider-menu {
		margin-top: 3px; 
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture --- SMALLER TABLET */
@media only screen and (min-width : 800px) and (max-width : 1024px) {/* Small tablet landscape */
  	.slider-menu {
		margin-top: 2px;   
  		}
	}





@media only screen and (min-width : 1024px) and (max-width : 1224px) {/* Tablet landscape */
  	.slider-menu {
		margin-top: 1px;
  		}
	}






/* Desktops and laptops */  /* SMALL DESKTOP */
@media only screen 
and (min-width : 1224px) {
  	.slider-menu {
		margin-top: 0px; 
		} 
	}












.slider-menu > li {
	display: inline-flex;
	padding: 14px; padding-top: 0px !important;
	margin-left: 2px;
  	font-family: "Raleway";
	color: #fff;
	cursor: pointer;
	transition: 0.3s linear all;
	user-select: none;
}
.slider-menu > li:hover {
	color: #faa;
	box-shadow: 0 50px 5px rgba(0, 0, 0, 0.15) inset;
}
.aeu-signature {
	position: fixed;
	top: 5px;
	left: 50%;
	transform: translate(-50%);
	font-size: 15px;
	line-height: 30px;
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 25px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.aeu-signature { 
  	font-family: "Raleway";
	}

.aeu-signature > img { height: 30px; }