@font-face {
    font-family: 'bandeinsstrangebold';
    src: url("../font/bandeinsstrangebold-webfont.woff2") format('woff2'),
         url("../font/bandeinsstrangebold-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bandeinsstrangelight";
    src: url("../font/bandeinsstrangelight-webfont.woff2") format('woff2'),
         url("../font/bandeinsstrangelight-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

html{
	scroll-behavior: smooth;
}

body{
	margin: auto;
	padding: 0;
}


.fond{
	position: fixed;
	width: 100%;
	height:105%;
	z-index: 0;
	margin: 0px;
	padding:0px;
}

.navbar{
	background-image: url("../img/nav_bar.png");
	height:165px;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: -20px !important;
    z-index: 1030;
    background-attachment: fixed;
    background-repeat: round;
    border: none;		
	height:220px;
	}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px !important;
    margin-left: 0px !important;	
	padding: 0px;
	}

.navbar a{
	background-color: none;
	font-size: 25px;
	font-family: 'bandeinsstrangebold';
	padding-left:30px !important;
}

.navbar a:hover{
	text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link {
	text-align: justify;
}

.navbar-light .navbar-toggler
{
	background-color: none;
	border: solid 0px none;
	border-radius: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 4px;
	margin-right:15px;
	margin-top:11px;
}

.navbar-light .navbar-toggler
{
	color: transparent;
	background-image: url("../img/toggle.png");
	border: none;
	background-repeat: no-repeat;
	padding-right:20px;
}

.navbar-light .navbar-toggler-icon {
    background-image: none !important;
}

	.navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-top: 20px;
}

.jardinonsensemble{
	padding-bottom: 50px;
	padding-top:0px;
	margin-top:-150px;
	display: flex;
	justify-content: center;
}

.fleche_middle{
	padding-bottom: 200px;
	margin-top:-179px;
	display: flex;
	justify-content: center;
}

.parallax
{
    min-height: 800px;
    background: transparent;
	z-index: 1;
}

body { 
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.animation{
	align-content: center;
	margin-bottom:  200px;
	padding-top: 200px;
	display: flex;
	justify-content: center;
}
	

::-webkit-scrollbar { 
    display: none; 
}

#container, #works, #page, #about {
  height: 100vh;
  width: 100%;
  position: relative;
}

.navbar-light .navbar-nav .nav-link {
    background: #8c6956;
	text-align: justify;
}

h1{
	font-size: 50px !important;
	font-weight: 0;
	 font-family: 'bandeinsstrangelight';
	color: #594A43;
}

h2{
	font-size: 40px !important;
	padding-top:200px;
	font-weight: 0;
	text-align: center;
	font-family: 'bandeinsstrangelight';
	color: #594A43;
	}

 span {
	 
	font-family: 'bandeinsstrangebold'; 
	 
} 

a{
	font-size: 10px;
		padding-top:200px;
	font-weight: 0;
	text-align: center;
	font-family: 'bandeinsstrangebold'!important;
	color: #594A43 !important;
	text-decoration: underline;
	
}

.btn-success
{
	background-color: #E08032 !important;
	border-radius: 100px !important ;
	border:none !important;
	padding: 20px 42px !important;
	
}

.rejoigneznous .btn-success{
	align-content: center !important;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}


.rejoigneznous .btn-success a{
	font-size: 20px;
}

.rejoigneznous h2{
	text-decoration: none;
}


.btn-success:hover{
	background-color:#B5E0BE !important;
}

.application{
	background-image: url("../img/application.gif");
	background-size: cover;
	z-index: 2;
	padding-top:200px;
	padding-bottom: 50px;
}
	
.webapp{
	z-index: 4;
	margin-top:0px;
	margin-bottom: 50px;
}

.webapp a {
	font-size: 25px;
}

p{
	font-size: 20px !important;
	font-weight: 0;
	font-family: 'bandeinsstrangelight';
	color: #594A43;
		}
	
h3{
	font-size: 70px !important;
	font-weight: 0;
	font-family: 'bandeinsstrangebold';
	color: #594A43;
		}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
	background-color:transparent;
  padding: 20px;
}

#myBtn img {
	
	margin: 5px;
	
}

/*----------------------------------PARALLAX----------------------*/


#container .back-img {
  width: 100%;
  height: 100%;
  background-image: url('../img/LIGNE_TERRE.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
  position: absolute;
  z-index: 1;
}


#works .second-img {
  width: 100%;
  height: 100%;
  background-image: url('../img/GRAINES.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 1;
}

#page .third-img {
  width: 100%;
  height: 100%;
  background-image: url('../img/OUTILS.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 1;
}

#about .fourth-img {
  width: 100%;
  height: 100%;
  background-image: url('../img/RECOLTES.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 1;
}

#container .title, #works .title, #page .title, #about .title {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.back-img, .second-img, .third-img, .fourth-img {
  background-attachment: fixed;
}






/* -----------------------------------RESOLUTIONS -------------*/
@media (min-width: 0px) { 
	.fixed-top{
		height:100px;
	}
}


 /* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
h1{
	font-size: 177px !important;
	font-weight: 0;
	font-family: 'bandeinsstrangelight';
	color: #594A43;
		}
	
h2{
	font-size: 160px !important;
	padding-top:200px;
	font-weight: 0;
	text-align: center;
	font-family: 'bandeinsstrangelight';
	color: #594A43;
	}
	
		
.navbar a{
	font-family: 'bandeinsstrangebold';
	color: #594A43;
	font-size: 30px !important;
}


	
#container, #works, #page, #about {
  	height: 150vh;
  	width: 100%;
  	position: relative;
}
	
.rejoigneznous a {
	font-size: 33px !important;
	padding-top:200px;
	font-weight: 0;
	text-align: center;
	font-family: 'bandeinsstrangelight';
	color: #594A43;
	margin-bottom: 200px;
	}
	
	.rejoigneznous {
	font-size: 33px !important;
	padding-top:200px;
	font-weight: 0;
	text-align: center;
	font-family: 'bandeinsstrangelight';
	color: #594A43;
	margin-bottom: 200px;
	}
	
	.rejoigneznous h2{
	font-size: 160px !important;
	padding-top:200px;
	font-weight: 0;
	text-align: center;
	font-family: 'bandeinsstrangelight';
	color: #594A43;
	}
	
	.webapp {
	margin-top: -1000px;
}
	
	p{
	font-size: 35px !important;
	font-weight: 0;
	font-family: 'bandeinsstrangelight';
	color: #594A43;
		}
	
	video{
		margin-top:-100px;
	}
	
	.navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-top: 20px;
}
	.animation{
		padding-top:250px;
	}
	
	.navbar-light .navbar-nav .nav-link {
    background-color: transparent;
	text-align: justify;
}
	
	.jardinonsensemble{
	margin-bottom: 100px;
	padding-top:100px;
	display: flex;
	justify-content: center;
}
	
	.fleche_middle{
	padding-bottom: 200px;
	margin-top:-240px;
	display: flex;
	justify-content: center;
}
	
	.animation{
	align-content: center;
	margin-bottom:  200px;
	margin-top: -15px;
	width: 80% !important;
	display: flex;
	justify-content: center;
}
	
	.fond{
	position: fixed;
	width: 100%;
	z-index: 0;
	margin: 0px;
	padding:0px;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: -20px !important;
    z-index: 1030;
    background-attachment: fixed;
    background-repeat: round;
    border: none;
	height:180px;	
	}
	
}
	

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
	
}