@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/villars/LOGO_VGDB_HORIZONTAL_POSITIF.jpg') ;
 	background-position: 25%;
	max-height: 150px;
	margin-top: 25px;
	margin-bottom: 20px;
}

#translation_title_home_page,
#translation_title_payment_page
{
	font-size: 24px;
	font-weight: var(--font-weight-medium);
	line-height: 30px;
	margin-bottom: 25px;
}

#translation_payment_error
{
	color: var(--color-red);
}

#translation_start_comment,
#translation_discover,
#translation_payment_info,
#add-more-card-button,
#footer-links
{
	color: var(--color-second);
}

#footer-links  a
{
	color: var(--color-second);
	text-decoration: none;
	margin-left: 10px;
}

#footer
{
	display:flex;
	justify-content: space-between;
}


#reservation h2
{
	color: var(--color-darker-grey);
}

.card-guest-header
{
	color: var(--color-second-light);
	font-weight: bold;
	margin-bottom: 5px;
}

.card-guest-body
{
	padding-top: 10px;
}

.card-name:focus,
.card-firstname:focus,
.card-birthdate:focus
{
	outline-style: solid;
	outline-color: var(--color-button-primary);
	outline-width: 2px;
}

#send_cards,
#download_cards,
#translation_processing_cards_info,
#translation_fail_processing_cards_info,
#translation_fail_processing_cards_info_bold
{
	background-color : var(--color-main);
	color: var(--color-second-light);
}


#card-and-discount
{	
	display: inline;
	background-repeat: no-repeat;
	background-size:  contain;
	background-position: center;
	/*background-image: url("../images/jura/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(--font-family-roboto-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;
}

#current-lang
{
  color: var(--color-dark-grey);
  font-size: 20px;
  text-transform: uppercase;
  margin-right: 2px;
}