*{
			padding:0;
			margin:0;
    text-align: justify;
			color: black
}
		section{
			width: 96%;
			height: 100%;
			margin: 0px auto;
			position: relative;
		}
		.frontpg{
			position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
            height: 32%;
		    z-index: -1;
		}
		nav{
			width: 102%;
			height: 20px;
			font-family:sans-serif;
			margin: 20px -60px;
			display: flex;
			justify-content: space-around;
		}
.navbar{
    width:100%;
    display: cover;
    align-items: center;
    margin-top:-5.5%;
}
.logo{
    flex-basis: 100%;
}
.logo img{
    width: 400px;
    cursor: pointer;
}
.navbarr{
    width:100%;
    display: cover;
    align-items: center;
    margin-top:1.5%;
    margin-left: -500px
}
.indo{
    flex-basis: 100%;
}
.indo img{
    width: 220px;
    cursor: pointer;
}
		nav h1{
			color: whitesmoke;
			font-size: 50px;
			width: 40%;
			font-weight: bold;
		}
		nav ul{
			width: 100%;
			list-style: none;
		}
		nav ul li{
			list-style: none;
            display: inline-block;
			margin-top: 99px;
            margin-left: 30px;
			padding:1px;
			font-size:20px;
            position: relative;
            
        }
		nav ul li a, nav ul li a .fa{
			text-decoration: none;
			color: whitesmoke;
		}
        nav ul li::after{
        content:"";
        width: 0%;
        height: 3px;
        background: #E76224;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: 0.5s
    }
    nav ul li:hover::after{
    width: 100%;
    }
		.plan{
			width: 90%;
			height: 200px;
			padding: 100px;
			/*position: relative;
			top: 300px;*/
			background: #ffffff96;
			text-align: center;
			margin: 0px;
			margin-top: 300px;
		}
		.plan .plann{
			width: 90%;
			padding: 20px 100px;
            font-size: 22.5px;
            font-family: cursive;
			text-align: justify;
			border-radius: 20px;
		}
		.plan .plann input{
			font-size: 60px;
		    font-weight: bold;
		    font-family: cursive;
            text-decoration-color:whitesmoke;
		    background: #f1f1f1;
		}
}
		 .plann input{
			font-size: 60px;
		    font-weight: bold;
		    font-family: cursive;
            text-decoration-color:whitesmoke;
		    background: #f1f1f1;
		}
		.top-destination{
			width: 96%;
			height: 150px;
			background: #FF8300;
			margin: auto;
			display: flex;
			margin-top: 280px;
			justify-content: space-around;
			padding: 20px;
		}
		.top-destination .top3{
			width: 30%;
			display: flex;
			justify-content: space-around;
		}
		.top-destination .top3 img{
			width: 30%;
			margin: 50px;
			align-self: center;
			height: 100px;
		}
		.top-destination .top3 div{
			align-self: justify;
		}
		.content{
			width: 96%;
			height: 600px;
			/*background: red;*/
			margin: 100px auto;
		}
		.content .upper{
			width: 100%;
			height: 50%;
			justify-content: space-around;
			display: flex;
		}
		.content .upper div{
			width: 25%;
			
		}
		.content .upper div img{
			width: 100%;
			height: 200px;
		}
		.bann{
			width: 90%;
			height: 520px;
			background: #FF8300;
			margin: 50px auto;
			display: flex;
			justify-content: left;
		}
		.bann img{
			width: 75%;
		}
		.bann div{
			width: 50%;
		    height: 50%;
		    letter-spacing: 5px;
		    text-align: center;
		    padding: 2%;
		    align-self: center;
		}
.bann h2{
    margin-top: -100px
}
.bann p{
    margin-top: 20px;
}
		.last{
			width: 90%;
			height: 900px;
			margin: 50px auto;
			display: flex;
			justify-content: space-around;
		}
		.last .left{
			width: 60%;
			height: 100%;
			height: auto;
			height: 100%;
		}
		.last img{
			width: 40%;
			height: 100%;
		}
		.last .left .last3{
			display: flex;
			justify-content: space-around;
			margin: 10px auto;
		}
		.last .left .last3 img{
			width: 40%;
			margin: 5%;
			height: 200px;
		}
		.last .left .last3 div{
			width: 40%;
			margin: 5%;
		}
		footer{
			width: 90%;
			height: 500px;
			margin: 20px auto;
			margin-top: 100px;
			background: #fafafa;
			display: flex;
			justify-content: space-around;
		}
		footer h1{
			width: 40%;
			align-self: center;
			letter-spacing: 10px;
			margin-left: 10%;
			font-size: 50px;
			font-weight: bold;
		}
		footer .quotes{
			width: 50%;
			height: 50%;
			align-self: center;
            text-align: center;
			border-left: 2px solid #e5e5e5;
		}	
.quotes h3{
    margin-bottom: 60px;
    font-size: 40px;
    text-align: center;
    display: absolute;
    font-weight: bold
}
.quotes h4{
    margin-bottom: 15px;
    font-size: 30px;
    text-align: center;
    display: absolute;
}
.quotes p{
    font-size: 20px;
    text-align: center;
    display: absolute;
}
.icons{
    padding
    display: inline-block;
    position: absolute;
    margin-top: 400px;
    margin-left: 850px
}