@media (max-width : 1200px){
		header > ul {
			margin-left:10%;
			width: 700px;
			float: left;
		}
		
			header > ul > li > a{
				padding: 10px;
			}
			
		header > .div-language {
			margin-left: 1%;
			margin-top: 2.5%;
			margin-right: 1%;
		}	
}

@media (max-width : 1100px){
		header > ul {
			margin-left:14%;
			width: 550px;
			float: left;
		}
		
			header > ul > li > a{
				padding: 5px;
			}
}

@media (max-width : 900px){
		header > ul {
			margin-left:6%;
			width: 450px;
			float: left;
		}
		
			header > ul > li > a{
				padding: 5px;
			}
}

@media only screen and (max-width: 767px) {
		#wraper{
		width: 100%;
	}	
	
	header > ul{
		display: none;
	}
	
	header > #showMenu{
		display: block;
		float: right;
		cursor: pointer;
		width: 20%;
		height: 23px;
		line-height: 23px;
		text-align: center;
		margin: 2px;
		margin-top: 9px;
		color: white;
		background-color: #ded1b2;
	}
	
		#showMenu:active{
			background-color: #AB9E7F;
	}
	
	header > #responsiveMenu {
		display: block;
		position:fixed;
		overflow: auto;
		left: -290px;
		width: 280px;
		height: 100%;
		z-index: 3002;
		background-color: #000;
		background-size: cover;
		opacity: 0.9;
		box-shadow: 0px 0px 10px #000;
		color: white;
	}
	
			#close-menu{
				text-align: right;
				padding: 5%;
				margin-bottom: 5%;
				border-bottom: 1px solid #ded1b2;
				color: #ded1b2;
			}	
	
				#close-menu > span:active{
					color: #AB9E7F;
			}
	
#responsiveMenu > ul > li{
		padding: 1%;
		padding-left: 5%;
		padding-bottom: 5%;
	}
	
	#responsiveMenu > ul > li > a{
		color: #ded1b2;
	}
	
	
		#responsiveMenu > ul >li > ul{
			padding-left: 15%;
		}
		
			#responsiveMenu > ul >li > ul > li{
				padding-top: 2%;
			}
	
	#responsiveMenu a{
		color: white;
		text-decoration: none;
	}
	
		header > .div-language{
			float: right;
			width: 10%;
			height: 23px;
			line-height: 23px;
			text-align: center;
			margin: 2px;
			margin-right:0px;
			margin-top: 9px;
		}
		
		.div-language > a {
			text-decoration: none;
			cursor: pointer;
			color:white;
		}

	header > .hr{
		height: 1px;
		width: 100%;
		margin-top: 34px;
		border: 0;
		color: #ded1b2;
		background-color: #ded1b2;
	}
	
	header > .logo-container{
			height: 32px;
			margin-top: 0px;
	}
	
	header > .logo-container > .logo {
		width: 158px;
		height: 19px;
		float: left;
		background: url(../images/logo.png);
    background-size: cover;
		float: left;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
   header > .cover {
				margin-top: 8px;
        height:310px;
    }
	
		header > .cover > div{
			position: relative;
			max-width: 600px;
			max-height: 155px;
			overflow: hidden;
			float: none;
			margin-right: 2%;
			margin-left: 2%;
			margin-top: 0%;
			top: 27%;
			background: url(../images/slogan.png);
			background-size: cover;
			text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.9);
			padding: 12px;
		}
		
			header > .cover > div > p{
				margin-top: 1%;
				z-index:1005;
				text-align: center;
				color: #ffffff;
				font-size: 1.2em;
				font-weight: 400;
				letter-spacing: 0.0em;							
			}
   
   
	main {
		margin-top: 2%;
		margin-bottom: 7%;
	}   
	
	.highlights{
		display: none;
	}
    
 		main > section {
    	overflow: hidden;
    	display:block;
		}

    #package > ul {
			display: none;
    }
    
	#package > .article {
  	float: left;
    width: 94%;
    background-color:#ffffff;
    background-size: cover;
    margin-left: 3%;
		margin-right: 3%;
		margin-top: 10%;
    overflow: hidden;
  }
	
		#package > .article > article h2{
			text-align: center;
		}
	
	footer{
	display: block;
	overflow: hidden;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.5em;
	color: #ded1b2;
}        
        
	footer > hr{
		height: 1px;
		width: 100%;
		margin-top: 5px;
		border: 0;
		color: #ded1b2;
		background-color: #ded1b2;
	}
	
	footer > .copyright{
		float: left;
		width:50%;
		padding: 0px;
		text-align: left;
		margin-left: 1%;
		margin-bottom: 1%;
	}
	
	footer > .madein{
		float: right;
		height: 30px;
		width:48%;
		text-align: right;
		margin-right: 1%;
	}
	
	footer > .madein > a{
		text-decoration: none;
		font-size: 0.7em;
		color: #ded1b2;
	}
	
	footer > .madein > a:hover{
		transition: color 0.5s ease;
		color: #A9A9A9;
	}
}