
@media only screen and (max-width: 800px)  {
    #header-logo
	{	
		background-size: contain;
	}

	.newsletter-left-body-panel {
		width: 90vw;
	}

	.newsletter-right-body-panel {
		width: 90vw;
		height: fit-content;
		margin: 0;
	}

	.newsletter-right-body-panel img
	{
		width: 90vw;
		min-width: 320px;
		height: auto;
	}
}

body
{
	background-color: #fff;
}

#header-logo
{
 	background-image: url('/images/juratourisme/logo.png') ;
	max-height: 150px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#breadcrumb
{
	display: none;
}


.card-and-discount-en
{	
	background-image: url("../images/juratourisme/jura-pass.png"); /* card_and_discount_en */
}
.card-and-discount-fr
{	
	background-image: url("../images/juratourisme/jura-pass.png");/* card_and_discount_fr */
}
.card-and-discount-de
{	
	background-image: url("../images/juratourisme/jura-pass.png");/* card_and_discount_de */
}

#card-and-discount
{	
	display: inline;
	background-repeat: no-repeat;
	background-size:  contain;
	background-position: center;
	background-image: url("../images/juratourisme/jura-pass.png");/* card_and_discount_de */
	margin: auto;
	width: 100%;
	height: 200px;
}

.reservation-element
{
	display: flex;
}

.reservation-left
{
	width: 100%;
}

#available-card-management
{
	border-bottom: 0px solid var(--color-light-blue);

}

.action-button, #discover-resort-pass-button
{
	background-color:  var(--color-button-primary);
	border: 0px;
	border-radius: 22px;
	color: white ;
	font-family: var(--theme-font-family-medium);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-20);
	line-height: var(--line-spacing-24);
	text-align: center;
	width: 360px;
	height: 45px;
}

.action-button:hover, #discover-resort-pass-button:hover
{
	background-color:  var(--color-button-hover) !important;
}


#traveler-type, #transport-mode
{
	margin-bottom: 40px;
}


#footer-note
{
	color: red;
	font-family: var(--font-family-roboto);
	font-weight: normal;
	font-size: 14px;
}


#footer img
{
	width: 150px;
}