@media (max-width: 575.98px) {

	#slick-prev,

	#slick-next {

		display: none;

	}

	.slider-for {

		height: 80vh;

		margin-top: 20vh;

	}



	.home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after {

		background: #ABAFB0

	}



	.home svg#logoheader #f .st4, .home svg#logoheader #a .st4, .home svg#logoheader #typo .st6 {

		fill: #ABAFB0;

	}

	.home #logoheader #a .st2,

	.home #logoheader #f .st2 {

		fill: white;

	}

	#lang-switcher label {
		display: block;
	}

	#lang-switcher {
		top: 15px;
	}
	#lang-switcher select {
		color: black;
	}
}



@media (max-width: 767.98px) {

	.page-id-33 h1.entry-title, .page-id-28 h1.entry-title, .page-template-default h1.entry-title, 

	.slider-nav h1, .navdots h1, h1.entry-title {

		font-size: 40px;

		bottom: 15px;

	}

	#navigation ul.menu li {

		font-size: 24px;

	}

	#legals, #socials {

		position: static;

		font-size: 14px;

	}

	#navigation {

		flex-direction: column;

		justify-content: flex-end;

		align-items: center;

	}

	.wrapper {

		position: relative;

		top: 0;

	}

	.videocontainer video {

		width: 100%;

	}

	.py-200 {

		padding: 100px 0 100px;

	}



	.page-template-default h1.entry-title {

		color: #008174;

		text-shadow: none;

	}

	.portrait {

		min-height: 300px;

	}

	#slidewine {

		width: 200%;

	}

	#slidewine .col-sm-3 {

		width: 50%;

	}

	#slidewine .col-sm-9 {

		width: 45%;

	}



	#winelist i {

		display: block;

	}

	#menu-menu-principal {

		margin-bottom: 60px;

	}

	.page-id-7 #the-post-content {

		bottom: 80px;

		top: initial;

	}

}

@media (max-width: 991.98px) {





}







@media (max-width: 1199.98px) {



}



@media (min-aspect-ratio: 16/9) {



}

@media (max-aspect-ratio: 16/9) {





}





@media (min-width: 992px) {

.collapse:not(.show) {
	display: block;
}

}



@media (max-height: 767.98px) {

	#navigation ul.menu li {

		font-size: 26px;

	}

}

@media (max-width: 480px) {
	.nos-metiers{
		top: 40vh;
	}

	.overlay>h1, .phone{
		font-size: 1em !important;
	}

	#page-sub-header > img{
		object-fit: cover;
		height: 50vh;
	}

	#page-sub-header > div > p.w-50{
		width: 90% !important;
		font-size: .8em;
	}

	#page > section > div > h3{
		color: #f7944b;
	}

	.offers{
		top:  0;
	}

	#content > section > div > div > h3{
		text-align: center;
	}

	.sliderLogo>div{
	margin-top: 10vh;
}
}

@media (max-width: 768px) {
	.nos-metiers{
		top: 40vh;
	}

	.overlay>h1, .phone{
		font-size: 1em !important;
	}

	#page-sub-header > img{
		object-fit: cover;
		height: 50vh;
	}

	#page-sub-header > div > p.w-50{
		width: 90% !important;
		font-size: .8em;
	}

	#page > section > div > h3{
		color: #f7944b;
	}

	.offers{
		top:  0;
	}

	#content > section > div > div > h3{
		text-align: center;
	}
}