html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
	scroll-behavior: smooth;
}
	
body {
	max-width: 100vw;
	font-family: "Roboto Condensed", sans-serif!important;
	overflow-x: hidden;
	background-color: black!important;
	color: white!important;
	align-content: center;
}

.land {
  
  /*position: relative;*/
  text-align: center;

  width: 100vw; 
  height: 100vh;
  margin-top: -100px;
  padding: 0;
  z-index: 100;
  /*background-color: black;*/
  background-image: url("back.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  animation-delay: 1s; 
}

@keyframes fadeInAnimation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
     }
 }
 
#splash {
	background-color: black!important;
	position: absolute;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
}

.splash img {
	object-fit: cover;
}

 .content {
	z-index: 99;
	animation: fadeOutAnimation ease 5s;
  	animation-iteration-count: 1;
  	animation-fill-mode: forwards;
  	position: absolute;
  	display: flex;
	height: 20vh;
	width: 100%;
	flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
 }
 
.content img {
	width:90vw;
	/*height:100vh;*/
}
 
@keyframes fadeOutAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
 }

 
/* Add the below transitions to allow a smooth color change similar to lyft */
.navbar {
	background-color: black!important;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
	height: 100px;
	display: flex;
    flex-basis: auto;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.navbar-dark .navbar-nav .nav-link {
	color: white!important;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-content: center;
    flex-wrap: wrap;
	align-items: center;
	font-size: 1.75em;
}

#navbarNav {
	background-color: black;
}

.navbar-brand {
	margin-right: 0!important;
}

	.nav a { text-decoration: none!important; color: white!important; }
	.nav a:link { text-decoration: none!important; color: white!important; }
	.nav a:visited { text-decoration: none!important; }
	.nav a:hover { text-decoration: underline!important; }
	.nav a:active { text-decoration: none!important; }
	
  .social {
	  display: inline-block;
	  height: 25px;
	  width: 25px;
	  margin-left: 15px;
  }
  
  .social img {
	  height: 100%;
	  width: 100%;
  }
    
  .highlights {
	  position: relative;
	  text-align: center;
	  z-index: 99;
	  background-color: black;
  }
  
  .highlights h1 {
	  text-transform: uppercase;
	  letter-spacing: 7px;
	  color: white!important;
	  font-weight: 700;
	  font-size: 4vw;
	  line-height: 35vh;
	  
  }
  
  .highlights h4 {
	  text-transform: uppercase;
	  font-size: 2.5vw;
	  margin-top: 5vw;
	  margin-bottom: 5vw;
  }
  
  .flexy {
	  display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-around;
      align-items: center;
	  margin-top: 5vw;
  }
  
  .icon {
	  width: 20vw;
	  align-items: center;
  }
  
  .icon img {
	  -webkit-filter: invert(100%);
	  filter: invert(100%);
	  width: 10vw;
  }
  
  #inv {
	  -webkit-filter: invert(100%);
	  filter: invert(100%);
  }
  
  .marquee {
  margin: 0 auto;
  margin-bottom: 15vh;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  font-size: 3vw;
  border-top: 5px solid white;
  border-bottom: 5px solid white;
}

	.marquee a { text-decoration: none!important; color: white!important; }
	.marquee a:link { text-decoration: none!important; color: white!important; }
	.marquee a:visited { text-decoration: none!important; }
	.marquee a:hover { text-decoration: underline!important; }
	.marquee a:active { text-decoration: none!important; }

.marquee span {
  display: inline-block;
  /*padding-left: 100%;*/
  animation: marquee 57s linear infinite;
  width: 4000px
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
  
  .hCont {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: flex-start;
	width: 100vw;
	margin-top:1vh;
	margin-bottom: 5vh;
	
  }
  
  .hContElement {
	  width: 45vw;
	  margin-top: 1vh;
  }
  
  .hContElement h2 {
	  font-size: 3vw;
  }
  
  .hContElement h3 {
	  font-size: 2vw;
  }
  
  .container1 {
	  display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
	  width: 100vw;
	  /*height: 45vh;*/
	 background-color: #47a1ad;
	  margin-top: 10vh;
	  margin-left: 0;
	  margin-right: 0;
	  padding: 0 0 0 0;
	  color: white!important;
  }
  
 /* .center {
	margin-top: auto;
	margin-bottom: auto;	
  }*/
  
  
  .element1 {
	  height: 100%;
	  width: 50vw;
	  line-height: 22.5vh;
	  text-align: center;
	  color: white!important;
	  background-color: #47A1AD;
  }
  
  .element1 h1 {
	  color: white!important;
  }
  .element1 img {
	  width: 50vw;
	  
  }
  
  .inline1 {
	  display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-evenly;
      align-items: center;
  }
  
  .inline2 {
	  display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-evenly;
      align-items: center;
  }
  
  .inline1 img {
	  width: 30.5vh;
  }
  
  .inline2 img {
	  width: 30.5vh;
  }
  
    .inline1 a { text-decoration: none!important; color: white!important; }
	.inline1 a:link { text-decoration: none!important; color: white!important; }
	.inline1 a:visited { text-decoration: none!important; }
	.inline1 a:hover { text-decoration: underline!important; }
	.inline1 a:active { text-decoration: none!important; }
	
	.container2 {
	  display: flex;
      flex-direction: row-reverse;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
	  width: 100vw;
	  /*height: 45vh;*/
	  margin-left: 0;
	  margin-right: 0;
	  padding: 0 0 0 0;
	  color: white!important;
	  background-color: #47a1ad;
  }
  
  .container3 {
	  display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
	  width: 100vw;
	  /*height: 45vh;*/
	  margin-left: 0;
	  margin-right: 0;
	  padding: 0 0 0 0;
	  color: white!important;
	  background-color: #47a1ad;
  }
  
  
	  
  .booking {
	  z-index: 5;
	  position: relative;
	  min-height: 90vh;
	  display: flex;
	  align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }
  
  .booking p {
	  text-align: left;
	  margin-left: 20vw;
	  margin-right: 20vw;
	  margin-bottom: 5vh;
  }
  
  .booking h1 {
	  text-transform: uppercase;
	  letter-spacing: 7px;
	  color: #C11811!important;
	  font-weight: 700;
	  font-size: 4vw;
	  line-height: 1.1em;
	  margin-bottom: 5vh;
	  margin-top: 5vh;
  }
  
  
	footer {
		position: relative;
		z-index: 5;
		background-color: black;
		text-align: center;
		font-family: "Roboto Condensed", sans-serif!important;
	}
	
	footer h1{
	  text-transform: uppercase;
	  letter-spacing: 7px;
	  color: white!important;
	  font-weight: 700;
	  font-size: 4vw;
	  line-height: 1.1em;
    }
	
	.contactFlex {
	  display: flex;
	  flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-evenly;
      align-items: center;
    }
	/* .contactFlex img{
		width: 40vw;
	} */
	
	footer p{
		padding: 2vw;
	}
	
	#last{  
	height: auto; 
	justify-content: center; 
	} 
	
	.list-item{ 
	margin-bottom: 2%; 
	list-style-type: none; 
	} 
	
	.list-item span{ 
	margin-left: 10px; 
	font-size: 1.4rem; 
	}
	
	.list-item a{ 
	color: white!important;
	display: inline-block; 
	} 
	
	.list-item a:hover{ 
	text-decoration: underline; 
	} 
	
	@media screen and (max-width: 426px){
		.land {
			height: 43vh;
		  background-size: contain;
	    }
		.content{
			margin-top: 30vh;
		}
		.highlights h4 {
			font-size: 5vw;
		}
		.hCont {
			margin-bottom: 5vh;
		}
		.hContElement h2 {
			font-size: 5vw;
		}
		.hContElement h3 {
			font-size: 4vw;
		}
		.marquee {
			font-size: 5vw;
		}
		.element1 {
		    width: 100vw;
			
		}
		.element1 img {
			width: 100vw;
		}
		.container1{
			flex-direction: column;
		}
		.center{
			margin-top: 25%;
			margin-bottom: 35%;
		}
		.container2{
			flex-direction: column;
		}
		.container3 {
			flex-direction: column;
		}
		.inline2 img {
	        width: 30vw;
        }
		.marquee {
			width: 100vw;
		}
		.navbar {
		    align-content: space-between;
		}
		#navbarNav {
			margin-top: 500px;
		}
	}		
	
	@media screen and (min-width: 770px){ 
	}	
		
	@media screen and (min-width: 1100px){ 
		
	.list-item{ 
	margin-bottom: 2%; 
	} 
	
	.fa-envelope, .gmail{ 
		display: inline-block; 
		width: auto; 
	} 
	}
	@media screen and (min-width: 770px){}
 

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