.home{
		background-color: #003d7a;
		color: white;
		transition: all 0.2s ease-in-out;
		}
		.home h1{
		font-size: 80px;
		}
		h2{
		font-size: 50px;
		text-align: center;
		}
		h1 {
		text-align: center;
		}
		.home p{
		font-size: 19px;
		}
		.home div div:first-child{
		background-color: 	#ff8000;
		color: white;
		}
		h3{
		font-size: 27px;
		}
		.recommandation{
		font-weight: bold;
		}
		.country{
		text-align: center;
		box-shadow: 5px  5px 10px black;
		border-radius: 10px;
		width: 400px;
		margin: 10px;
		padding: 10px;  
		}
		h2, p {
 		 margin: 10px;
		}

		#navul {
  		list-style-type: none;
  		margin: 0;
  		padding: 0;
  		overflow: hidden;
  		background-color: #333333;
		}

		.lia {
  		float: left;
		}

		ul li a {
 		display: block;
  		color: white;
  		text-align: center;
  		padding: 14px 16px;
 		text-decoration: none;
		}

		ul li a:hover {
 		 background-color: #111111;
		}
		
		.box{
		background-color: green;
		padding: 40px 0px;
		text-align: center;
		font-size: 20px;
		box-shadow: 0 4px 10px rgba(0,0,0,0.1);
		border-radius: 10px;
		transition: all 0.4s ease;
		}
		
		.container{
		display: grid;
		justify-content: end;
		grid-template-columns: 280px 400px 380px;
		gap: 20px;
		padding: 20px;
		}
		
		.box:hover{
		transform: translateY(-10px);
		background-color: #4caf50;
		color: white;
		}
		
		.active{
		width: 300px;
		margin: 10px;
		padding: 10px;
		text-align: center; 
		box-shadow: 5px  5px 10px black;
		border-radius: 10px;
		}
		
		.package {
		background-color: #9933ff;
		padding: 40px 0px;
		text-align: center;
		font-size: 20px;
		box-shadow: 0 4px 10px rgba(0,0,0,0.1);
		border-radius: 10px;
		transition: all 0.4s ease;
		}
		
		.package:hover {
		transform: translateY(-10px);
		color: white;
		}
		.create {
		text-align: center;
		}
		
		.package2 {
		background-color: #9933ff;
		padding: 40px 0px;
		text-align: center;
		font-size: 20px;
		box-shadow: 0 4px 10px rgba(0,0,0,0.1);
		border-radius: 10px;
		transition: all 0.4s ease;
		}
		
		.package2:hover {
		transform: translateY(-10px);
		color: white;
		}
		#art {
		display: grid;
		grid-template-columns: auto auto auto;
		gap: 20px;
		}
		.home img{
		 width: 535px;
		 height: 418px;
		}
		
		
		article img {
		border-radius: 10px;
		}
		#adventure {
		display: grid;
		grid-template-columns: auto auto auto auto;
		gap: 20px;
		}
		footer {
		background-color: black;
		color: white;
		}
		footer {
		display: grid;
		grid-template-areas:
		"content content content";
		grid-area-columns: 1fr auto auto auto;
		
		}
		.resume 1 {
		grid-area: content;
		}
		.resume 2 {
		grid-area: content;
		}
		.resume 3 {
		grid-area: content;
		}
		table, th, td {
		border: 1px solid black;
		}
		.home img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
		th {
		background-color: #003d7a;
		}
		#label {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding-bottom: 10px;
		}
		
		.active {
		text-align: left;
		}
		.destination {
		display: grid;
		grid-template-areas:
			"destination check-in check-out Guests
			 Search Search Search Search"
		;
		}
		.search {
		color: white;
		background-color: #0033cc;
		padding: 20px 0px;
		text-align: center;
		font-size: 20px;
		box-shadow: 0 4px 10px rgba(0,0,0,0.1);
		border-radius: 10px;
		transition: all 0.4s ease;
		margin-left: 200px;
		margin-right: 200px;
		}
		.search:hover {
		transform: translateY(-10px);
		color: white;
		}
		.destination {
		background-color: #0066ff;
		margin: 50px;
		border: 2px;
		}
		th {
		color: white;
		}
		nav ul img {
		width: 50px;
		}
		#package {
		
		}