@font-face {
	font-family: "Lato-Light";
	src: url("Lato-Light.ttf") format("truetype");
	}

@font-face {
	font-family: "Cinzel-Regular";
	src: url("Cinzel-Regular.ttf") format("truetype");
	}

@font-face {
	font-family: "InknutAntiqua-Bold";
	src: url("InknutAntiqua-Bold.ttf") format("truetype");
	}	

@font-face {
	font-family: "Ranga-Regular";
	src: url("Ranga-Regular.ttf") format("truetype");
	}


/* Menu Icon */	
.menuFloat {
	top: 0;
	right: 0; 	  
	position: fixed;
	color: rgb(116, 116, 116);
	z-index: 10;
	line-height: 1.3;
	font-size: calc(4mm + 4vw);
	padding-right: 1vw;
}

/* Menu Bar */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 11;
    top: 0;
	right: 0;
	font-family: "Cinzel-Regular";
	background-color: black;
	font-size: calc(4mm + 1.0vw);
	line-height: 0.8;
    overflow-x: hidden;
    transition: 0.5s;
	padding-top: 60px;
}

/* Menu Items */
.sidenav a {  	
  	text-decoration: none;	  
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
  	display: block;
	transition: 0.3s;
	padding-top: calc(5mm + 1.0vw);
}

.menuSubHead {
	font-family: "Lato-Light";
	font-size: calc(2mm + 1.0vw);	
}
/* Menu Hover */
.sidenav a:hover {
	color: white;
	font-size: calc(7mm + 2.0vw);
}

/* Menu CLose */
.sidenav .closebtn {
  	position: absolute;
  	top: 0;
	right: 0;
	padding-top: 0mm;
	padding-right: 2mm;
	line-height: 0.5;
	font-size: calc(5mm + 4vw);
	color: white;
}