.header{width:80%;margin-left: auto;margin-right: auto;}
	.header-image{width:50%;text-align: center}
	.header-image img{width:395px; max-width:100%;}
	.header-login{width:50%}
	.menu-wrapper{
		width: 100%;
		background-color:rgb(0, 173, 239);
		height:27px;		
	}
	.menu{
		max-width:980px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		z-index: 50;
	}

	.navbar{
		height:27px;
		position: absolute;
		/*
		border-right:1px solid rgb(85, 201, 244);
		border-left:1px solid rgb(6, 116, 157);
		*/
		width:100%;
		color:white;
		    display: flex;
    justify-content: space-between;
	}

	/*--8 items--*/
	.navbar .wide{width:14%} /* x 4 = 56*/
	.navbar .narrow{width:11%}/* x 4 = 44*/

	
	.navbar li{
		height:auto;
		float: left;
		text-align: center;
		list-style: none;
		background-color:rgb(0, 173, 239);
	}
	
	.navbar a{
		/*border-left:1px solid rgb(85, 201, 244);
		border-right:1px solid rgb(6, 116, 157);*/
		text-decoration: none;
		color:white;
		display: block;
		height:27px;
	}
	/*.navbar li:active, a:active{background-color: red;}*/
	/*.navbar li:hover, a:hover{background-color: #43779F;}*/
	.navbar li:hover{background-color: #43779F;}
	.navbar li ul{
		display: none;
		height: auto;
	}
	/*--nested lists---*/
	.navbar li ul li{width:100%}
	.navbar li:hover ul{
		display: block;
	}

	@media screen and (max-width: 980px) {
		.menu, .header{
			width:100%;
		}
	}
	@media screen and (max-width: 620px) {
		#followUs{display: none}
	}