html{
	
	font-family: Raleway;
	font-size: 12px;
	
	
}

body {
	
	margin: 0;
	padding: 0;
	
}

img{
	
	padding: 0;
	/*display: block;*/
	/*margin: 0 auto;*/
	max-height: 100%;
	max-width: 100%;
	
}

ul{
	
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*background: #e3e3e3;*/
	position: relative;
	
}

ul li{
	
	display: inline-block;
	
}

ul li a{
	
	color: #292929;
	text-decoration: none;
	padding: 15px;
	display: block;
	
}

ul li:hover{
	
	/*background: lightgrey;*/
	
}

ul ul{
	
	position: absolute;
	min-width: 200px;
	/*background: lightgrey;*/
	display: none;
	
}

ul ul li{
	
	display: block;
	background: #e3e3e3;
	
}

ul li:hover ul{
	
	display: block;
	
}

ul li i{
	
	color: #292929;
	float: right;
	padding-left: 20px;
	
}

nav {

	text-align: right;
	
	float: right;
	width: 100%;
	/*
	float: left;
	width: 100%;
	*/
}

nav div {
	
	/*background: lightgrey;*/
	color: #292929;
	font-size: 24px;
	padding: 0.6em;
	cursor: pointer;
	display: none;
	
}

@media(max-width: 768px){
	
	a, a:hover{
		
		/*color: #1479c2 !important;*/
		text-decoration: none;
		/*color: #ffffff;*/
		/*background-color: transparent;*/
		
		/*transform: scale(0.9);*/
		font-weight: bold;
		
	}
	
	nav div {
		
		display: block;
		
	}
	
	ul{
		
		display: none;
		position: static;
		background: #e3e3e3;
		
	}
	
	ul li{
		
		display: block;
		
	}
	
	ul ul {
		
		position: static;
		background: #e3e3e3;
		
	}
	
}

#top-bar{
	
	width: 100%;
	position: fixed;        
	/*background: #e3e3e3;*/
	background-color: #fff;
	padding: 0;
	color: #104b60;
	font-weight: bold;
	z-index: 1000;
	
}