nav, nav ul{
	list-style:none;
	text-align:center;
	position: fixed;
	background-color : white;
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	border-radius:10px;
    box-shadow: 1px 10px 12px #8bc53f;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=200, Strength=12);
    zoom: 1;
	width:50%;
	margin-top:-5px;
	margin-left:25px;
}

nav{
	font-family:"menu";
	font-size:23px;
	left:30%;
}

nav ul{
	padding:20px;
}

nav ul ul{
	display:none;
	position:absolute;
}

nav li:hover ul.lvl2{
	display:block;
}

nav li{
	float:left;
	Padding:0 20px 0 20px;
}

li a{
	text-decoration:none;
	color:black;
}

li a:hover{
	text-decoration:underline;
}

#lang_selector a {
	text-decoration:none;
	color:black;
}

#lang_selector a:hover {
	text-decoration:underline;
}

.gd_logo{
	width: 70%;
	margin-left: 14%;
	margin-top: 2%;
}

.mini_logo {
	width:23%;
	margin-left:3%;
	margin-top:35px;
	float:left;
}

.logo_menu {
	width:50px;
}

#test_color{
	display:block;
	background-image:url("../images/fond1a.jpg");
	width:100%;
}

h1{
	font-family:"menu3";
	font-size:50px;
	text-align:center;
	margin-bottom: -10px;
}

.selected {
	font-weight:bold;
}

.chevron{
	margin-left:49.5%;
	width:20px;
	margin-bottom:20px;
}

#lang_selector{
	margin-left:90%;
	padding-top:60px;
	font-family:"menu3";
	font-size:30px;
}

.icon {
    display: none;
}

a.icon {
    color:black;
    text-decoration: none;
}

a:hover.icon {
    background-color: black;
    color: white;
}

@media screen and (max-width: 600px) {

    nav, nav ul {
        border-radius:0px;
	    width:100%;
	    margin-top: 0%;
	    margin-left: 0%;
    }

    nav {
	    left: 0%;
    }

    nav ul {
	    padding: 0%;
    }

    .topnav ul li:not(:first-child) {
	    display: none;
    }

	.mini_logo {
		width:150px;
		margin-top:50px;
	}

    a.icon {
		float: right;
		margin-right: 2%;
        display: block;
    }

	#lang_selector {
		margin-left: 70%;
		padding-top: 50px;
		font-family: "menu3";
		font-size: 30px;
	}

}

@media screen and (max-width: 600px) {
  .topnav.responsive ul {
	  position: relative;
		box-shadow: none;
	}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive ul li {
    float: none;
    display: block;
    text-align: left;
  }
}