body {
  padding:0;
	margin:0;
}

a {
 text-decoration:none;
 color:#4A4A4A;
} 

h1 {
	display:none;
	}

h2 {
  font-family: "Playfair Display", serif;
  color:#4A4A4A;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size:65px;
	}
	
h3 {
  font-family: "Playfair Display", serif;
  color:#4A4A4A;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
	font-size:25px;
	}	

.H3Home {
  margin-bottom:100px;	
	}
span {
  font-family: "Playfair Display", serif;
	color:#4A4A4A;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
	font-size:20px;
	margin:20px 30px 20px 30px;
	}	

p {
  font-family: "Inter", sans-serif;
	color:#4A4A4A;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;	
	font-size:18px;
	padding:5px;
	}
		
div.top {
  z-index:2;
  top: 0;
	left:0;
  position: fixed;
	width:100%;
	height:110px;
	background-color:#F7F1EA;
}

.language_selected {
  padding:8px;
	width:120px;
	border:solid 1px #eac896;
	border-radius: 22px;
  margin:20px 30px 20px 80px;
	cursor: pointer;
}	

.language_selected:hover {
  background: rgba(255, 255, 255, 0.7);
}	

.language_selector {
  width: 150px;
  background-color: white;
  color:#4A4A4A;
  text-align: right;
  border-radius: 6px;
  padding: 10px 29px 10px 20px;
  position: absolute;
  z-index: 3;
  top: 80px;
  right: 200px;
}

.lang_item {
  display:block;
  width:100%;
  margin:10px 20px 10px 00px;
	}
	
div.hero {
  z-index:-2;
  top: 100px;
	left:0;
  position: fixed;
	width:100%;
	background-color:#FAF9F7;
}

div.container {
  text-align: center;
	z-index:1;
	color:#1F1F1F;
	width: 100%;
	margin: 0 auto;
	margin-top:120px;
	border:0px solid black;
}

.fade-in {
	opacity: 1;
	animation-name: fadeInQuote;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 3s;
}

@keyframes fadeInQuote {
	0% {
		opacity: 0;
	}
  70% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#quote {
  text-align: center;
	z-index:2;
	background: rgba(255, 255, 255, 0.7);
	color:#1F1F1F;
	width:1100px;
	height:115px;
	margin: 0 auto;
	margin-bottom:110px;
	border:6px solid #eac896;
	border-radius: 15px;
}

input {
  width:200px;
	color:#4A4A4A;
	padding:10px;
	margin:14px;
	border:1px solid #eac896;
	border-radius: 3px;
}

input:focus {
  border:2px solid #eac896;
}

.button {
  background: #eac896;
	color:#4A4A4A;
}

/****/
/*  */
/*  */			
@media only screen and (max-device-width: 960px) {
/*  */
/*  */
/****/ 	

div.top {
  display:none;
	visibility:hidden;
}

div.top2 {
  z-index:-2;
  top: 0;
	left:0;
  position: fixed;
	width:100%;
	height:100%;
	background-color:#FAF9F7;
}

img {
  display: block;
  margin: auto;
  height: 100%;
}

h2 {
	font-size:32px;
	}
	
h3 {
	font-size:17px;
	}
	
#quote {
  text-align: left;
	z-index:2;
	background: rgba(255, 255, 255, 0.7);
	color:#1F1F1F;
	width:100%;
	min-height:400px;
	margin: 0 auto;
	margin-bottom:110px;
	border:0px solid #eac896;
	border-radius: 15px;
}

div.content {
  text-align: left;
	z-index:1;
	color:#1F1F1F;
	width: 100%;
	margin: 0 auto;
	margin-top:0px;
	border:0px solid black;
}