<style type="text/css">
			h1 h4{
				font-family: georgia, serif;
			}
			p, li, a{
				font-family: verdana, serif;
			}
			header{
				color: white;
				width: 100%;
				height: 120px;
			}
			.day{
				background-image: url(img/night.jpg);
				
			}
			.night{
				background-image: url(img/night.jpg);
			}
			.sunset{
				background-image: url(img/night.jpg);
			}
			header h1{
				margin-bottom: 0px;
				
			}
			header p{
				margin-top: 2px;

			}
			header a{
				text-decoration: none;
				color: white;
			}
			header a h1{
				font-family: georgia;
				font-size: 38px;
			}
			.header{
				display: inline-block;
				padding-left: 20px;
				margin-top: 14px;
			}
			.header:nth-child(1){
				position: relative;
				top: -10px;
			}
			.header:last-child{
				float: right;
			}
			.navbar ul {
    			list-style-type: none;
   				margin: 0;
   				padding: 0;
			}
			.navbar li{
				display: inline-block;
				float: left;
			}
    		.navbar  a{
    			color: rgba(255,255,255,0.8);
    			text-decoration: none;
    			font-size: 17pt;
    			float: left;
    			padding: 10px 10px 0px 10px;
    			margin: 20px 25px;
    			transition: 0.4s;
    		}
    		.navbar a:hover {
    			border-top: 2px solid white;
    			border-right: 2px solid white;

    			border-left: 2px solid white;

    			transform: scale(1.3);
    			transition: 0.5s;
    			color: rgba(255,255,255,1);
    		}
			.intro{
				float: left;
				
			}
			.intro:last-child{
				float: center;
				margin-top: 20px;
			     
				margin-left: 25px;
			}
			
			.intro h1{
				font-size: 55px;
				font-family: georgia;
				background-color: rgba(10,10,94,0.5);
				text-align: center;		
				border-radius: 60px;		
			}
			.intro p{
				font-size: 25px;
				font-family: jocker;
				background-color: rgba(92,20,14,0.1);
				text-align: left;

				border-radius: 10px;	
			}

			
			.square{
				width: 130px;
				height: 130px;
				display: inline-block;
				margin: 6px;
				opacity: 0.8;
				transition: 0.4s;	

							
			}
			.square:hover {
			  opacity: 1;
			  transform: scale(1.1);
			  transition: 0.5s;
			}
			
			#div1{
				background-image: linear-gradient(white,#1ED3DC, #153DB9);
				height: 460px;
				color: white;
				padding: 20px;
			}
			#div2{
				background-image: linear-gradient(#cbe4d9,#e4dfcb,#cbe4d9);
				height: 485px;
				width: 100%;
			}
			#div3{
				font-family: Staatliches;
				background-image: linear-gradient(#e4dfcb,#cec6a2);
				padding: 20px:;
				height: 700px;
			}
			article{
				background-image: url(img/sky.jpg);
				width: 92%;
				height: 500px;
				position: absolute;
				left: 4%;
				margin-top: -50px;
				display: flex;
  			}
			article section{
				margin: 10px;
				font-size: 16px;
				padding: 1%;
				width: 33.33%;
				height: 89%;
			}
			article section ul{
				margin-left: -15px;
			}
			article section ul li{
				margin-top: 18px;
				font-size: 16px;
			}
			.rectangle{
				background-color: rgba(92,20,14,0.3); 
				width: 100%;
				height: 150px;
			}
			article div h2{
				text-align: center; 
				color: #FFFFFF; 
				padding-top: 60px;
				margin: 0;
			}
			article section h4{
				font-size: 22px;
				width: 300px;
				color: #660000;
				font-family: georgia;
				margin-bottom: 2px;
				font-weight: lighter;
				text-align: left;

			}
			.b-top{
				border-top: 1px solid #b2b2b2;
				width: 100%;
			}

			#forma{
				border-top: 1px solid #333333;
			}
			#forma div{
				margin: 0px;
			}
			#forma div input{
				padding: 10px;
				margin-right: 10px;
			}
			.block{
				margin-left: 20px;
				float: left;	
			}
			.block div{
				margin:0px 20px;
				display: inline-block;
			}
			.block h3{
				font-family: georgia;
				font-size: 26px;
				color: #333333;
				font-weight: lighter;
			}
			.overline{
				border-top: 1px solid #333333;
				padding-top: 20px;
				padding-right: 20px;
				color: #333333;
				font-size: 16px;
			}
			#forma2{
				font-size: 16px;
				margin-left: 20px;
				position: relative;
				top: 40px;
			}
			#forma2 p label{
				padding: 5.5px 10px 10px 10px;
				background-color: #e4dfcb;
				color: #333333;
			}
			#forma2 p input{
				width: 255px;
				height: 30px;
				margin-bottom: 1px;
			}
			#forma2 button{
				height: 36px;
				width: 50px;
			}
			footer{
				background-color: #250705;
				color: white;
				margin-top: -22px;
				height: 46px;
				text-align: center;
			}
			footer p{
				display: inline-block;
				float: left;
				font-size: 14px;
				margin: 15px 26px;

			}
			footer p:last-child{
				float: right;
			}
			footer button{
				height: 100%;
				background-color: rgba(170,45,45,0.5);
				color: white;
				position:relative;
				left: -40px;
				border-radius: 160px;
				padding: 2px;
				border: none;
				cursor: pointer;
			}
			footer button:hover{
				animation: shake 0.82s;
				background-color: rgba(170,45,45,1);
			}
			.socialnetwork{
				width: 22px;
				float: right;
			}
			.Trips{
				background-image: linear-gradient(#0A2D45,#e4dfcb,#37b9e9);
				width: 100%;
				height: 650px;
				text-align: center;

			}
			.Trips section{
				width: 20.5%;
				height: 600px;
				margin: 30px 15px;
				display: inline-block;
				text-align: left;
				overflow: hidden;
			}
			.Trips img{
				width: 100%;
				height: 150px;
			}
			.Trips h4{
				font-size: 22px;
				color: white;
				background-color: rgba(22,40,54,0.5);
				border-radius :10px;
			}
			#Destinations{
				text-align: center;
				background-image: linear-gradient(#5DC5DC,lightpink,#37b9e9);
				padding: 20px;
			}
			#Destinations h1{
				font-family: georgia; 
				font-style: italic; 
				font-size: 36px; 
				color: white;
				background-color: rgba(90,90,90,0.6);
				border-radius:60px;
			}
			.imgs{
				text-align: center;
			}
			.imgs img{
				width: 30%;
				margin: 15px;
				transition: .3s ease-out;
			}
			.imgs img:hover{
				transform: scale(1.1);
				transition: .4s ease-in-out;
			}
			#Terms{
				padding: 20px;
				background-image: linear-gradient(#37b9e9,#e4dfcb,#37b9e9);
			}
			.collapsible {
				background-color: rgba(119,119,119,0.6);
				color: white;
				cursor: pointer;
				padding: 18px;
				width: 100%;
				border: none;
				text-align: center;
				outline: none;
				font-size: 22px;
			}
			
			.active, .collapsible:hover {
				background-color: rgba(85,85,85,0.8);
			}
			.collapsible:after {
			    content: '\002B';
			    color: white;
			    font-weight: bold;
			    float: right;
			    margin-left: 5px;
			}
			
			.active:after {
			    content: "\2212";
			}
			
			.content {
				padding: 0 18px;
				max-height: 0;
				overflow: hidden;
				transition: max-height 0.2s ease-out;
				background-color: rgba(241,241,241,0.7);
			}
			#Gallery{
				background-image: linear-gradient(#090A3E,#1ED3DC,white );
				padding: 20px;
			}
			#topbtn {
				display: none; 
				position: fixed; 
				bottom: 50px; 
				right: 30px; 
				z-index: 99;
				border: none;
				outline: none; 
				background-color: rgba(255,0,0,0.1); 
				color: white; 
				cursor: pointer; 
				padding: 15px;
				border-radius: 10px;
				font-size: 18px; 
			}
			#topbtn:hover {
  				background-color: rgba(255,0,0,0.7);
  				animation: shake 0.82s;
			}
			#hello{
				position: fixed;
				top: 12.75%;
				width: 98.8%;
				text-align: center;
				background-color: rgba(0,0,0,0.4);
				color: white;
			}
			#div4 {
				display: flex;
				justify-content: center;   /* center horizontally */
				align-items: center;       /* center vertically (optional) */
				margin: 50px auto;         /* spacing from top */
			}
			
			#div4 .block {
				text-align: center;
				margin-bottom: 40px;
			}
		</style>