nav > ul{
	list-style-type: none;
	display: flex;
	margin: 5%;
	width: 50%;
	font-size: 155%;
}
.div_logo{
	width: 50%;
}
.logo{
	width: 25%;
	margin: 2%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

ul{
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
padding: 0%;
}

nav > ul > li{
	list-style-type: none;
	width: 33%;
	padding-bottom: 2%;
	padding-top: 2%;
	text-align: center;
	transition: 0.4s;
	float: left;
	position: relative;

}
nav > ul > li > ul > li{
	list-style-type: none;
	text-align: left;
	content: "";
	display: block;
	clear: both;
	font-size: 120%;
}
.submenu{
	display: none;
}
nav{
	width : 100%;
	font-family: 'Futura-Normal', arial;
	display: flex;
}

nav > ul::after{
	content: "";
	display: block;
	clear: both;
}
nav a{
	display: inline-block;
	text-decoration: none;
}
nav > ul > li > a{
	padding: 5% 7%;
	color: black;
	transition: 0.2s;
}
nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0%;
	z-index: 100000;
	width:135%;
}
.submenu li {
	border-bottom: 1px solid #CCC;
}
.submenu li a{
	padding: 8%;
	font-size: 80%;
	color: #222538;
}
.menu-index:hover{
	background-color: RGBa(127, 197, 237, 0.5);
}
.menu-page1:hover{
	background-color: RGBa(127, 197, 237, 0.5);
}
.menu-page2:hover{
	background-color: RGBa(127, 197, 237, 0.5);
}
.menu-page3:hover{
	background-color: RGBa(127, 197, 237, 0.5);
}
.menu-page4:hover{
	background-color: RGBa(127, 197, 237, 0.5);
}
.menu-page5:hover{
	background-color: RGBa(127, 197, 237, 0.5);
}
.menu-page1 .submenu{
	background-color: RGBa(127, 197, 237, 0.9);
}
.menu-page2 .submenu{
	background-color: RGBa(127, 197, 237, 0.5);
}
.menu-page3 .submenu{
	background-color: RGBa(127, 197, 237, 0.9);
}
.menu-page4 .submenu{
	background-color: RGBa(127, 197, 237, 0.9);
}
.menu-page5 .submenu{
	background-color: RGBa(127, 197, 237, 0.9);
}
.submenu li:hover a{
	color: #EEE;
	font-weight: bold;
}
.menu-page1 .submenu li:hover{
	background-color: RGB(37, 148, 161)
}
.menu-page2 .submenu .menu-green:hover{
	background-color: RGB(127, 197, 237)
}
.menu-page2 .submenu .menu-travel:hover{
	background-color: RGB(249, 96, 77)
}
.menu-page2 .submenu .menu-local:hover{
	background-color: RGB(249, 118, 151)
}
.menu-page2 .submenu .menu-movie:hover{
	background-color: RGB(240, 199, 4)
}
.menu-page5 .submenu li:hover{
	background-color: RGB(37, 148, 161)
}

@media only screen and (max-width: 800px) { 
	nav{display: block;}
	nav ul{text-align: center; width:90%;font-size:130%;margin:auto;}  
	nav ul li{text-align:center;} 
	.div_logo{
		width: 60%; margin:auto;
	}

nav li:hover .submenu{
	display: none;
}

	}