@media only screen and (max-width: 600px) 
{
	
	.container.body-container {
			padding-top: 0px;
			min-height: calc(100% - (130px + 21px + 130px - 3px));
			margin-top: 20px;
		}

	.div-home-web-1 {
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -6vh;
		margin-bottom: -6vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-1-600.svg") !important;
		height: 18vh;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 8vh;
	}
	
	.div-home-web-1b {
		width: 40%;
		background-color: transparent;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: absolute;
		background-image: url("../img/backgrounds/birds.png") !important;
		height: 18vh;
		background-position: bottom;
		background-size: contain;
		background-repeat: no-repeat;
		right: 0;
	}
	
	.div-home-web-2 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: -1vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-2-600.svg") !important;
		height: 15vh;
		background-position: bottom;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: bottom -1px;
	}
	
	.div-home-web-3 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-2-bas-1280.svg") !important;
		height: 10vh;
		background-position: top;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: top -1px;
	}
	
	.div-map-web-1 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/map-div-1-600.svg") !important;
		height: 10vh;
		background-position: bottom;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: bottom -2%;
	}
	
	.div-page-web-1 {
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -18vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/page-div-1-1920.svg") !important;
		height: 18vh;
		background-position: bottom;
		background-size: auto;
		background-repeat: no-repeat;
		padding-top: 0vh;
	}
	
	.div-map-web-2 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/map-div-1-bas-1920.svg") !important;
		height: 20vh;
		background-position: top;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: top -1px;
	}
	
	.block-home-v1-c1 {
		float: left;
		width: 100%;
		padding: 100px 10px 0px 10px;
	}
	
	.block-home-v2-c1 {
		float: left;
		width: 100%;
		padding: 10px 10px 0px 10px;
	}
	
	.block-home-v1-c1 {
		padding-bottom: 50px;
	}
	
	.block-home-v1-c2 {
		padding-bottom: 50px;
	}
	
	.block-home-v2-c1 {
		padding-bottom: 50px;
	}
	
	.block-home-v2-c2 {
		padding-bottom: 50px;
	}
	
	.block-home-v3-c1 {
		padding-bottom: 50px;
	}
	
	.block-home-v3-c2 {
		padding-bottom: 50px;
	}
	
	.block-home-v1-c2 {
		order: 1;
	}
	
	#navbar {
		display: none;
	}
	
	.div-presta-web-1 {
			height: 10vh;
	}
	
	.img-tree {
		width: 25%;
		position: absolute;
		left: 5px;
		bottom: 0px;
		transform: rotate(15deg);
		min-width: 165px;
	}
	
}

@media only screen and (min-width: 601px) 
{
	.div-home-web-1 {
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -7vh;
		margin-bottom: -6vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-1-1280.svg") !important;
		height: 18vh;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 8vh;
	}
	
	.div-home-web-1b {
		width: 25%;
		max-width: 250px;
		background-color: transparent;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: absolute;
		background-image: url("../img/backgrounds/birds.png") !important;
		height: 18vh;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		right: 0;
	}
	
	.div-home-web-2b {
		width: 25%;
		max-width: 250px;
		background-color: transparent;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: absolute;
		background-image: url("../img/backgrounds/branche.svg") !important;
		height: 18vh;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		right: 0;
	}
	
	.div-home-web-2 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-2-1920.svg") !important;
		height: 17vh;
		background-position: bottom;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: bottom -1px;
	}
	
	.div-home-web-3 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-2-bas-1280.svg") !important;
		height: 20vh;
		background-position: top;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: top -1px;
	}
	
	.div-map-web-2 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/map-div-1-bas-1920.svg") !important;
		height: 20vh;
		background-position: top;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: top -1px;
	}
	
	.div-page-web-2 {
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/page-div-1-bas-1920.svg") !important;
		height: 10vh;
		background-position: top;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: top -1px;
	}
	
	
	.block-home-v1-c1 {
		float: left;
		width: 100%;
		padding: 75px 10px 0px 10px;
	}
	
	.block-home-main-1 {
		background-color: #f5f4ec;
		float: left;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.block-home-v1-c1 {
		padding-bottom: 50px;
	}
	
	.block-home-v1-c2 {
		padding-bottom: 50px;
	}
	
	.block-home-v2-c1 {
		padding-bottom: 50px;
	}
	
	.block-home-v2-c2 {
		padding-bottom: 50px;
	}
	
	.block-home-v1-c2 {
		order: 1;
	}
	
	.block-home-v3-c1 {
		padding-bottom: 50px;
	}

	.block-home-v3-c2 {
		padding-bottom: 50px;
	}
	
	.div-map-web-1 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/map-div-1-1920.svg") !important;
		height: 25vh;
		background-position: bottom;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: bottom -2%;
	}
	
	.container.body-container {
		width: 100%;
		margin: auto;
		margin-bottom: 0px;
		margin-top: 20px;
		padding: 0px;
		
	}
	
	.div-presta-web-1 {
			height: 10vh;
	}
	
	

}


@media only screen and (min-width: 900px) 
{
	.div-home-web-1 {
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -9vh;
		margin-bottom: -6vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-1-1920.svg") !important;
		height: 15vh;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 8vh;
	}
	
	.div-home-web-2 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: -1vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-2-1920.svg") !important;
		height: 30vh;
		background-position: bottom;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: bottom -2%;
	}
	
	.div-page-web-1 {
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -18vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/page-div-1-1920.svg") !important;
		height: 18vh;
		background-position: bottom;
		background-size: auto;
		background-repeat: no-repeat;
		padding-top: 0vh;
	}
	
	.div-map-web-1 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: -1vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/map-div-1-1920.svg") !important;
		height: 15vh;
		background-position: bottom;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: bottom -2%;
	}
	
	.block-home-v1-c1 {
		float: left;
		width: 50%;
		padding: 150px 50px 0px 50px;
	}
	
	.block-home-v1-c2 {
		float: left;
		width: 50%;
		padding: 150px 50px 0px 50px;
	}
	
	.block-home-v2-c1 {
		float: left;
		width: 50%;
		padding: 100px 50px 100px 50px;
	}
	
	.block-home-v2-c2 {
		float: left;
		width: 50%;
		padding: 130px 50px 100px 50px;
	}
	
	.block-home-v3-c1 {
		float: left;
		width: 50%;
		padding: 100px 50px 100px 50px;
	}
	
	.block-home-v3-c2 {
		float: left;
		width: 50%;
		padding: 130px 50px 100px 50px;
	}
	

	
	.container.body-container {
		width: 100%;
		margin: auto;
		margin-bottom: 0px;
		margin-top: 38px;
		min-height: calc(100% - (130px + 38px + 130px - 3px));
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		
	}
	
	.div-presta-web-1 {
			height: 21vh;
		}

	#blockbooking3 {
		position: relative;
		float: left;
		width: 100%;
		height: 350px;
		z-index: 11;
	}

}

@media only screen and (min-width: 1920px) 
{
	.div-home-web-1 {
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -9vh;
		margin-bottom: -6vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-1-1920.svg") !important;
		height: 18vh;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.div-map-web-1 {
		float: left;
		width: 100%;
		background-color: #f5f4ec;
		margin-top: 0vh;
		margin-bottom: 0vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/map-div-1-1920.svg") !important;
		height: 20vh;
		background-position: bottom;
		background-size: 101%;
		background-repeat: no-repeat;
		background-position-y: bottom -2%;
	}
	
	.div-home-web-2 {
		height: 35vh;
	}
	
	.div-presta-web-1 {
			height: 25vh;
	}

	#blockbooking3 {
		position: relative;
		float: left;
		width: 100%;
		height: 350px;
		z-index: 11;
	}
}

@media only screen and (min-width: 1921px) 
{
	.div-home-web-1 {
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -9vh;
		margin-bottom: -6vh;
		z-index: 10;
		position: relative;
		background-image: url("../img/backgrounds/home-div-1-1920.svg") !important;
		height: 25vh;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.div-presta-web-1 {
			height: 25vh;
	}

	#blockbooking3 {
		position: relative;
		float: left;
		width: 100%;
		height: 350px;
		z-index: 11;
	}


}