html,
	body,
	header,
	.jarallax {
	  height: 100vh;
	}
	
	body {
		position: relative;
	}
	
	.intro-background
	{
		background-color:#1B1E23;
	}

	@media (max-width: 740px) {
	  html,
	  body,
	  header,
	  .jarallax {
		height: 100vh;
	  }
	}

	@media (min-width: 800px) and (max-width: 850px) {
	  html,
	  body,
	  header,
	  .jarallax {
		height: 100vh;
	  }
	}

	@media (min-width: 560px) and (max-width: 650px) {
	  header .jarallax h1 {
		margin-bottom: .5rem !important;
	  }
	  header .jarallax h5 {
		margin-bottom: .5rem !important;
	  }
	}


	@media (min-width: 660px) and (max-width: 700px) {
	  header .jarallax h1 {
		margin-bottom: 1.5rem !important;
	  }
	  header .jarallax h5 {
		margin-bottom: 1.5rem !important;
	  }
	}

	.top-nav-collapse {
		background-color: #9EAC93 !important;
	}
	.navbar:not(.top-nav-collapse) {
		background: transparent !important;
	}
	@media (max-width: 768px) {
		.navbar:not(.top-nav-collapse) {
			background: #9EAC93 !important;
		}
	}

	@media (min-width: 800px) and (max-width: 850px) {
		.navbar:not(.top-nav-collapse) {
			background: #9EAC93!important;
		}
	}

	footer.page-footer {
		background-color: #9EAC93;
	}
	
	.btn-olive
	{
		background-color:#9EAC93;
	}
	
	.olive-text
	{
		color:#9EAC93;
	}
	
	.section-paire
	{
	background-color:#F3F3F5;
	}