/*

Static-Escapes.com

*/
  
	@import url('https://fonts.googleapis.com/css?family=Poppins:300,400');

	body {
		margin: 0;
		-webkit-perspective: 1000;
		font-family: 'Poppins', sans-serif;
		background: #303030;
	}

	body, html {
		height: 100%;
		width: 100%;
		overflow-x: hidden;
	}


  /*---------------------------------------
     TYPOGRAPHY              
  -----------------------------------------*/

	h1,h2,h3,h4,h5,h6 {
			font-weight: 300;
			line-height: inherit;
	}

	h1 {
	color: #ffffff;
	font-size: 2em;
	}

	h2 {
		color: #353535;
		font-size: 2em;
	}

	p {
		color: #757575;
		font-size: 14px;
		font-weight: normal;
		line-height: 24px;
	}



  /*---------------------------------------
     GENERAL               
  -----------------------------------------*/

	html{
		-webkit-font-smoothing: antialiased;
	}

	a {
		color: #bb9a58;
		text-decoration: none !important;
	}

	a,
	input, button,
	.form-control {
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	a:hover, a:active, a:focus {
		color: #FC3;
		outline: none;
	}

	::-webkit-scrollbar{
		width: 8px;
		height: 8px;
	}

	::-webkit-scrollbar-thumb {
		cursor: pointer;
		background: #202020;
	}

	.overlay {
		background: linear-gradient(to top right, #222222, #000000);
		opacity: 0.9;
		position: fixed; /* Use 'fixed' to ensure it's always positioned relative to the viewport */
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100vw;  /* Use 100vw to fill the full viewport width */
		height: 100vh; /* Use 100vh to fill the full viewport height */
		z-index: -1;   /* Ensure it's behind other content */
	}

  /*---------------------------------------
       PRE LOADER              
  -----------------------------------------*/

	.preloader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99999;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		background: none repeat scroll 0 0 #ffffff;
	}

	.spinner {
		border: 1px solid transparent;
		border-radius: 3px;
		position: relative;
	}

	.spinner:before {
		content: '';
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 45px;
		height: 45px;
		margin-top: -10px;
		margin-left: -10px;
		border-radius: 50%;
		border: 1px solid #575757;
		border-top-color: #ffffff;
		animation: spinner .9s linear infinite;
	}

	@-webkit-@keyframes spinner {
		to {transform: rotate(360deg);}
	}

	@keyframes spinner {
		to {transform: rotate(360deg);}
	}

  /*---------------------------------------
      HOME          
  -----------------------------------------*/

	#home {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
		position: relative;
	}

	#home .container {
		width: 100%;
	}

	.home-info {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 2;
		width: 100%;
		height: 100vh;
	}

	.countdown {
		text-align: center;
		margin: 50px 0;
		padding: 0;
	}

	.countdown li {
		color: #ffffff;
		list-style: none;
		display: inline-block;
		margin: 0 20px;
	}

	.countdown span {
		font-size: 25px;
	}

	.countdown h3 {
		font-size: 14px;
		text-transform: uppercase;
		margin: 10px 0;
	}
	
  /*---------------------------------------
     RESPONSIVE STYLES              
  -----------------------------------------*/

	@media screen and (max-width: 480px) {

		.home-info {
			padding: 0 1em 0 1em;
		}

		.countdown li {
			margin: 0 12px;
		}

		address {
			margin-top: 50px;
		}
	}

	@media screen and (max-width: 360px) {
		
		h1 {
			font-size: 1.50em;
		}

		.menu-items {
			margin: 100px 0;
		}

		.countdown span {
			font-size: 20px;
		}

		.countdown h3 {
			font-size: 12px;
		}
	}

	.mission-statement {
		width: 65%;
		margin: 0 auto;				/* Centers the div horizontally */
		color: white;				/* Sets the text color to white */
		text-align: center;			/* Centers the text inside the div */
	}

	.mission-statement h2,
	.mission-statement p {
		color: white;
		text-align: center;
	}

	.logo-container img {
		display: block;				/* Ensure the image is displayed */
		max-height: 120px;			/* Make sure it scales properly */
		width: auto;
		z-index:10;
	}

	@media (max-width: 540px) {
		
		p {
			font-size: 8px;
			line-height: 12px;
		}
		
		h2 {
			font-size: 1em;
		}

		.mission-statement {
			width: 95%;
			text-align: justify;
			margin: 0 auto; /* Center it */
		}
		
		.home-info h1 {
			font-size: 1.5em; /* Adjust heading size */
			line-height: 1.4; /* Adjust line height for readability */
		}

		.home-info .countdown li {
			font-size: 0.8em; /* Reduce font size of countdown elements */
		}

		.container {
			width: 100%;
			padding: 0 15px;
			box-sizing: border-box; /* Ensures padding doesn't add to the width */
		}

		.home-info {
			padding: 0 15px; /* Ensure it has padding without overflowing */
			box-sizing: border-box;
		}

		.logo-container img {
			max-height: 60px;
			width: auto;
		}
	}