html{
	scroll-behavior: smooth;
	
}

body {
	background-color: #1b1b1b;
	background-size: cover;
	font-family: Roboto;
	margin: 0;
	padding: 0;
}

#navigation-container {
	width: 600px;
	margin: 0 auto;
	height: 70px;
}

#nav-active {
	color: #fff;
	font-size: 20px;	
}



.navigation-bar {
	transition: 2s;
	background-color: black;
	height: 70px;
	width: 100%;
	text-align:center;
	
}

.navigation-bar img{
	transition: 1s;
	float:left;
	width: 70px;
	height: 70px;

}

.navigation-bar img:hover{
	transition: 1s;
	float:left;
	transform: scale(1.2);
	transform: rotate(20deg);
	
}

.navigation-bar ul {
	padding: 0px;
	margin: 0px;
	text-align: center;
	display:inline-block;
	vertical-align:top;
	
}

.navigation-bar li {
	list-style-type: none;
	padding: 0px;
	height: 24px;
	margin-top: 4px;
	margin-bottom: 4px;
	display: inline;
	
}

.navigation-bar li a {
	transition: 1s;
	color: #f9500d;
	font-size: 16px;
	text-decoration: none;
	line-height: 70px;
	padding: 5px 15px;
	
	
	
}

.navigation-bar:hover{
	transition: 1s;
	transform-origin: center;
	background-color: #222;

}

.navigation-bar li a:hover{
	transition: 0.1s;
	color: #fff;
	border: red;
	border-bottom: 4px solid #fff;

}

.info_section{
	transition: 1s;
	border-radius: 50px;
	margin: auto;
	width: 70%;
	height: 600px;
	padding: 10px;
	text-align: center;
	background: rgba(1, 1, 1, 0.8);

}

.info_section h1{
	display: table;
	transition: 1s;
	color: #fff;
	border-bottom: 3px solid #fff;
	margin: auto;
	font-size: 50px;
	padding: 5px;
	color: white;
	text-align: center;

}

.info_section h1:hover{
	transition: 1s;
	border-bottom: 3px solid #f93a06;
	
}

.info_section p{
	transition: 1s;
	margin: auto;
	font-size: 20px;
	padding: 20px;
	color: #ff4500;
	text-align: left;
	
}


.gallery {
	margin-left: 30px;
	float: left;
	width: 300px;
}



.gallery h3{
	
	
	float: none;
	color: white;
	
}

.gallery img{
	transition: 0.3s;
	padding: 20px;
	
	width: 200px;
	height: 200px;
}

.gallery img:hover{
	transition: 0.3s;
	-webkit-filter: blur(5px); /* Safari */
  filter: blur(4px);
}