.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  float: right;
}

.form-popup {
  background-color: white;
  padding-left:15px;
  display: none;
  bottom: 0;
  right: 50px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}





@media  screen and (max-width: 600px) {

.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  float: right:
}

	body {
		margin: 0;
		background-color: black;
	}   
   
	.loghi {
		padding-top: 25px;
		padding-left: 10px;
		padding-right: 10px;
		height: 30px;
	}


	.container {
		margin-top: 0px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		}
	.containerLogo {
		width: 100%;
		height: 80px;
		background-color: white;
	}
}
 
 @media  screen and (min-width: 600px) {

	body {
		margin:0;
		background-color: black;
		background-repeat: no-repeat;
		background-size: 100%;
	}   
    
	.container {
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
		}
	
	.containerLogo {
		width: 100%;
		background-color: white;
	}

	.loghi {
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		height: 50px;
	}
 }

 .languages {
 	width: 100%;
	padding: 5px;
 }
a {
	text-decoration: none;
	margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
color: white;
}
a:hover {
color: #f68b1e;
}

.currentlink {
 color: #a6ce38;
}


.chiesa {
display: block;
margin-left: auto;
margin-right: auto;
width:100%;
}

.audiocontrol{
display: block;
margin-left: auto;
margin-right: auto;
width:100%;
background-color: white;
}

audio::-webkit-media-controls-panel{
background-color: white;
width:350px;
}
}