@charset "UTF-8";
/* CSS Document */





#logo{
    float:left;
        margin-top:0; 
}
/* Position top of the page/image */
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.1); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  /*font-size: 80px;*/
  /*border: 5px solid hsla(0,100%,100%,0.05);*/
  position: fixed;
  top: 0;
    left:0;
 /* left: 1%;*/ 
  /*transform: translate(-50%, -50%);*/
  z-index: 999;
 width: 100%;
  padding: 20px;
  text-align: center;
}

.bg-text img {
    max-width: 100px;
	margin-top: 10px;
	margin-left: 25px;
    float: left;
	z-index: 600;
}


.bg-text h1{
	text-align: center;
	
}

.bg-text .dropdown{
    float:right;
}



.mobile-menu li {
    margin-bottom: 0px;
	margin-top: 0px;
}

#menu div {
		
		width:40px;
		height: 5px;
		background-color:hsla(0,0%,48%,0.81);
		margin: 6px 0;
	}
	
.dropdown {
		position:relative;
		display: inline-block;
	}
	
	.dropdown-content{
		
		display:none;
		position: absolute;
		background-color:hsl(64deg 7.8% 48.69% / 20%);
		min-width:160px;
        margin-left:-110px;
		z-index: 100;
	}
	
	.dropdown-content a {
		
		color: whitesmoke;
		display: block;
		padding: 12px 16px;
		text-decoration: none;
		font-family: 'Ysabeau Infant', sans-serif;

	}
	
	
	.dropdown:hover .dropdown-content {display: block;}
	
	.dropdown-content a:hover {background-color:hsla(0,2%,58%,0.85);
}