.hero{
    position: relative; 
	
    width: 100%; min-height: 40vh;
	background: url(images/background/background-offre-dynamique.svg) no-repeat;
	background-size: 2000px 800px; 
	background-position: center top;
  }
  
  
  

.webWrapper{
    width: calc(100% - 80px);
    max-width: 1900px;
    margin: 0 auto;
    position: relative;
    height: 100%; 
  }
  
  .webWrapper_hero{
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 40vh; 
    position: relative;
    display: flex; 
    align-items: center;
    justify-content: center;
  }
  
  .webWrapper_hero > div h1{
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 0.5em;
  }

.webWrapper_hero > div h1{transform: translateY(50px);}

  .webWrapper_hero > div h1 strong{font-weight: 700;}
  

  #deck_1{
    padding: 5vh 0;
	  margin-bottom: 10vh;
  }



.grid .item{padding-left: 120px; position: relative; height: 100%;}

.grid .item img{width: 100px; position: absolute; top: 0; left: 0;}
.grid .item img.img_2{width: 50px; top: 65px; left: -5px;}

.grid .item .item_head{
	height: 90px;
}

.grid .item .text_box{
	padding: 20px; 
	border-radius: 15px; 
	background: #719fcd;
	color: white; 
}

#deck_1 .grid{
		grid-gap: 6em 4em;
	}

@media(min-width: 841px){
	.grid .item .text_box{
		height: calc(100% - 90px);
	}
	
	
}

#deck_2{padding: 0 0 15vh 0;}

@media(max-width: 840px){
	
	.hero{
		background-size: 1000px 400px;
	}
	.grid .item{padding-left: 65px; }
	
	.grid .item img{width: 50px;}
	.grid .item img.img_2{top: 25px; top: 32px; left: -5px;}
}
