/*jardin*/

div.jardin-header
{
	background-image:url(./images/jardin-d-ete.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 60px;
}
div.jardin-header div
{
	height: 140px;
	background:inherit;
	background-size:auto 100%;
}

.jardin-title {
  font-weight: 700;
  color: #000;
  font-size: 52px;
  line-height: 1.2;
  margin: 0;
}

.jardin-sub-title {
  text-align: center;
  font-size: 30px;
  line-height: 1.4;
  color: black;
  margin: 0 auto 60px;
}

.jardin-grid__text {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #000;
  padding: 20px;
}

.jardin-paragraph {
	padding: 0 60px;
	max-width:780px;
	margin:50px auto;
	font-size: 24px;
	line-height:1.3;
	color:black;
}

.jardin-banner {
  margin-bottom: 60px;
}

.jardin-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.jardin-col-2 {
  width: calc(50% - 18px);
  margin-bottom: 40px;
}

.jardin-col-3 {
  width: calc(33.333333% - 25px);
  margin-bottom: 40px;
}

.jardin-grid img {
  display: block;
  width: 100%;
  max-height: 480px;
  margin-bottom: 30px;
}

.jardin-text-title {
  color: #000;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

.jardin-text {
  color: #000;
  padding: 0 20px;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}

.jardin-pencil__title {
  font-weight: 700;
  color: #000;
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
}

.jardin-pencil__discription {
  font-size: 16px;
  line-height: 1.4;
  color: #a2a2a2;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
}

.jardin-green-title {
  max-width: 740px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #75a435;
  text-align: center;
  margin: 0 auto 30px;
}




div.jardin-sg-list
{
	padding-bottom:50px;
	border-bottom:1px solid #dadada;
}
div.jardin-sg-item
{
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	margin-top:50px;
	padding-top:60px;
	border-top:1px solid #dadada;
}
.jardin-sg-item div.item-left
{
	width:32%;
	padding-left:25px;
}
.jardin-sg-item div.item-right
{
	width:65%;
	text-align:center;
}
.jardin-sg-item div.item-article
{
	font-size:20px;
	font-weight:bold;
	color:black;
}
.jardin-sg-item div.item-text
{
	margin-top:20px;
}
.jardin-sg-item div.item-text ul
{
	font-size:15px;
	color:#5e5e5e;

}
.jardin-sg-item div.item-text ul big
{
	display:block;
	margin-bottom:5px;
	font-size:16px;
	color:black;
}
.jardin-sg-item div.item-text p
{
	font-size:16px;
	color:black;
}

/*---MEDIA---*/

/*----------------------------------------1023--*/

@media only screen and (max-width:1023px) {
  .jardin-sub-title {
    font-size: 22px;
    line-height: 1.4;
  }

  .jardin-discription__item {
    width: calc(25% - 20px);
  }

  .jardin-discription__text {
    font-size: 14px;
    line-height: 18px;
  }

  .jardin-pencil__title {
    font-size: 20px;
  }

  .jardin-text,
  .jardin-pencil__item-text {
    font-size: 16px;
    line-height: 22px;
  }

  .jardin-col-2 {
    width: calc(50% - 5px);
    margin-bottom: 40px;
  }

  .jardin-col-3 {
    width: calc(33.333333% - 8px);
    margin-bottom: 40px;
  }
}

@media(max-width:820px)
{
	div.jardin-sg-item
	{
		flex-direction:row;
		flex-wrap:wrap;
		margin-top:40px;
		padding-top:30px;
	}
	.jardin-sg-item div.item-left
	{
		width:100%;
	}
	.jardin-sg-item div.item-right
	{
		width:100%;
		margin-bottom:20px;
	}
}

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

  div.jardin-header {
    margin-bottom: 40px;
  }
  div.jardin-header div
  {
    height: 120px;
  }

  .jardin-green-title {
    font-size: 20px;
    line-height: 1.4;
  }

  .jardin-title {
    font-size: 35px;
  }

  .jardin-sub-title {
    font-size: 18px;
    line-height: 26px;
  }

  .jardin-grid__item,
  .jardin-discription__item {
    width: 100%;
  }

  .jardin-h3 {
    font-size: 16px;
  }

  .jardin-grid__text {
    padding: 0;
    margin-top: 20px;
  }

  .jardin-col-2,
  .jardin-col-3 {
    width: 100%;
    margin-bottom: 30px;
  }

  .jardin-paragraph {
    font-size: 16px;
    padding: 0;
    margin-bottom: 30px;
  }

  .jardin-banner {
    margin-bottom: 30px;
  }
}


@media(max-width:540px)
{
	div.jardin-header div
	{
		height:100px;
	}

	.jardin-sg-item div.item-left
	{
		padding-left:0;
	}
}

@media(max-width:480px)
{
	.jardin-sg-item div.item-text
	{
		font-size:14px;
	}
}