@font-face {
    font-family: 'Novecento';
    src: url('Novecento_CondNormal.cff')
         url('Novecento_CondNormal.otf')
		 url('Novecento_CondNormal.ttf')
	 }  

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;
}

.paris {
  font-family: "Novocento"
  font-weight: 400;
  font-style: normal;
}


h1 {
	text-align: center;
	font-family: "Novecento";
	font-weight: 400;
	font-style: normal;
	font-size: 3em;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

body {
	max-width: 100vw;
	font-family: "Novecento";
	overflow-x: hidden;
	background-color: #b1ab99!important; 
	color: black!important;
	text-align: center;
	align-content: center;
}
	
.navbar-nav {
    width: -webkit-fill-available;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-content: flex-end;
    flex-wrap: wrap;
	justify-content: space-evenly;
	font-family: "Novecento";
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
}


	.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; }
  
	.navbar-brand {
		filter: invert(1);
	}
	
	.cont {
		height: 100vh;
		width: 100vw;
		position: relative;
		display: flex;
    	justify-content: center;
    	align-items: center;
	}
	
	.bkg {
		height: 100vh;
		width: 100vw;
		background-image: url('bkg.jpeg');
		background-size: cover;
		z-index: 0;
		position: absolute;
	}
	
	.intro {
		height: 100vh;
		width: 100vw;
		/*background-image: url('splash.jpeg');
		background-size: cover;
		background-position: 50% 50%;*/
		z-index: -1;
		position: absolute;
		
	}
	
	.typing-container {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
     
      
	  color: black;
	}
	
	.sentence {
	    font-size: 8em;
	}
	
	.wrapper {
		width: 100vw;
		height: 100vh;
		overflow: auto;
		display: flex;
    	justify-content: center;
    	align-items: center;
	}
	
	.about {
		
		margin-left: 15vw;
		margin-right: 15vw;
	}
	
    .about h1 {
		text-align: center;
		font-family: "Novecento";
		font-weight: 400;
		font-style: normal;
    }
	
	hr {
		width: 80vw;
		padding-top: 2vw;
	}
	
	.pHire {
		background-image: url('pHire.jpg');
		background-size: cover;
		padding-left: 15vw;
		padding-right: 15vw;
		color: white;
		min-height: 100vh;
		text-shadow: 2px 2px 2px black;
	}
	
	.contact {
		
		max-width: 100vw;
	}
	
	.contact h1{
	  text-align: center;
	  font-size: 2em;
	  padding-top: 2vw
    }
	
	.contactFlex {
	  display: flex;
	  flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-evenly;
      align-items: center;
    }
	.contactFlex img{
		width: 40vw;
	}
	
	.contact 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; 
	display: inline-block; 
	} 
	
	.list-item a:hover{ 
	text-decoration: underline; 
	} 
	
	#calendar {
	  position: relative;
      z-index: 5;
	  text-align: center;
	  margin-top: 5vh;
  }
  
  #calendar h1 {
	  text-transform: uppercase;
	  letter-spacing: 7px;
	  
	  font-weight: 700;
	  font-size: 4vw;
	  line-height: 1.1em;
	  
  }
  
  .cocktails {
	  margin-left: 10vw;
	  margin-right: 10vw;
  }
  
  .container {
	  padding: 0 0 0 0!important;
	  margin: 0 0 0 0!important;
	  width: 80vw!important;
	  min-width: 80vw!important;
	  max-width: 80vw!important;
  }	
	
  .container .row img{
	  display: block;
  }
  
  
  .cFlex {
	  display: flex;
	  flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
	width: 100vw;
  }
  
  .container {
	text-align: center;
	width: 100vw;
  }
  
  .carousel {
	  padding-left: 10vw;
	  padding-right: 10vw;
	  height: 75vh;
	  width:100vw;
	  overflow: visible;;
  }
  
  .carousel h2 {
	  font-style: inherit;
	  font-size: 5vh;
	  line-height: 1.1em;
	  text-transform: uppercase;
	  letter-spacing: 7px;
	
	  font-weight: 700;
	  font-family: "Roboto Condensed", sans-serif;
	  -webkit-text-stroke-width: 0.02em;
	  -webkit-text-stroke-color: inherit;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
  }
  
  .carousel img {
	  height: 90%;
	  margin: auto auto;
  }
  
  .carousel img:hover {
	  cursor: pointer;
  }
  
  .carousel-inner {
	  width: 100vw;
	  position: absolute;
	  overflow: visible!important;
  }
  
  .carousel-control-next, .carousel-control-prev {
	  position: relative;
	  width: 20px!important;
	  height:20px!important;
	  background-color: transparent;
	  border: none!important;
	  align-items: flex-start!important;
	  margin-top: 10px;
	  filter: invert(1);
  }
  
  .carousel-control-next {
	  margin-right: 23%;
  }
  
  .carousel-control-prev {
	  margin-left: 23%;
  }
  
  .modal-backdrop {
      z-index: -1;
  }
  .buttons {
	  display: flex;
  }
  
  .btn {
	  margin: 5px;
  }
  
  .carousel-item .container .row {
	  height: 10vh;
	  margin-bottom: 5px;
  }
  
  .col {
	  height: 100%;
	  width: 11.4vw!important;
	  text-align: center;
	  border: 1px dotted;
	  border-radius: 5px;
	  margin-right: 5px;
	  display: flex!important;
	  flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  
  .noB {
	  border: none;
  }
  
  .col p {
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
  }
  
  .col h5 {
	  font-size: 0.55em;
  }
  
  .col .btn {
	  padding: 0 0!important;
	  font-size: 0.7rem!important;
  }
  
  .grey {
	  opacity: 0.5;
	  border: none!important;
  }
  
  .modal img {
	  height: 50vh;
	  width: 30vh;
	  }
	
	footer {
		text-align: center;
		padding: 50px;
	}  
	  
	@media screen and (max-width: 426px){
		.land {
			height: 270vh;
		}
	}	
	
	@media screen and (min-width: 770px){ 
	.full{ 
		width: 70%; 
		margin-left: 15%; 
	} 
	.lt textarea{ 
	width: 95%; 
	margin-left: 2.4%; 
	} 
	
    .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    justify-content: space-around;
    }
	} 
		
	@media screen and (min-width: 1100px){ 
		
	.list-item{ 
	margin-bottom: 2%; 
	} 
	
	.fa-envelope, .gmail{ 
		display: inline-block; 
		width: auto; 
	} 
	}