@charset "utf-8";

*{  margin:0;  padding:0;  box-sizing:border-box;}
img{ max-width:100%; height: auto;}
body{   font-family: 'Playfair Display', serif;  background:url("../images/bg.jpg") no-repeat 50% 0; background-size: cover;  color:#28243d;}
.logo{  display:inline-block;  margin-bottom:75px;}
.container{ max-width:1130px; width: 100%;  margin:auto;  padding:75px 0 40px;  text-align:center;}
p{ font:400 35px/37px 'Playfair Display', serif;}
.main-text{ width: 630px; max-width: 100%; margin: 0 auto 30px;}
.grid{  display:flex; flex-wrap: wrap; justify-content: center;gap: 1.3%; margin: 0 0 45px;}
.card{  background:#fff;  border-radius:16px;  padding:25px 15px;  box-shadow:0 8px 20px rgba(0,0,0,0.05);  transition:0.3s; width: 24%; margin-bottom: 20px; min-height: 250px; display: flex; justify-content: center; align-items: center;flex-flow: column;}
.card:hover{  transform:translateY(-5px);}
.card img{ display:block; margin:0 auto 15px;}
.card p{  font-size:23px; line-height: 28px; font-family: "Roboto Slab", serif; font-weight: 300;}
form{  max-width:700px;  margin:20px auto 0;}
.form-row{  display:flex;  gap:20px;}
input, textarea{  width:100%;  border:none;  border-bottom:1px solid #000;  padding:10px;  background:transparent;  outline:none;  margin-bottom:20px; font-size: 16px; line-height: 18px; color: #000000; font-family: "Jost", sans-serif;}
textarea{  height:80px;}
button{  background:linear-gradient(90deg,#c9a54c,#e6d67a);  border:none;  padding:10px 30px;  border-radius:20px;  cursor:pointer;}
footer{  margin-top:90px;  border-top:1px solid #000;  padding-top:20px;  display:flex;  justify-content:space-between;  flex-wrap:wrap;  align-items:center;}
.email{  display:flex; flex-wrap: wrap; align-items:center;  gap:10px; font-size: 23px; line-height: 28px; color: rgba(0,0,0,0.6); text-align: left;}
.email b{ display:block; font-size:35px; color:#000;}


@media(max-width:1200px){

body{  background-size: cover;}
.container{ padding:75px 10px 40px;	}
	.grid{gap: 2%;}
	.card{ width:32%;}
}
@media(max-width:900px){
p {  font: 400 30px/34px 'Playfair Display', serif;}
}

@media(max-width:740px) {
	.container {    padding:55px 10px 35px;  }
	.logo {  margin-bottom: 55px;}
.card p {  font-size: 20px;	line-height: 26px;}
footer{  flex-flow: column;gap: 15px;}
	
}
@media(max-width:500px){
  p {    font: 400 26px/34px 'Playfair Display', serif;  }
	.grid{ margin: 0 0 25px;}
	.card{padding:20px 10px; width: 48%; margin-bottom: 15px;min-height: 200px;}
	  .logo {
    margin-bottom: 45px;
  }
	 .card p {
    font-size: 16px;
    line-height: 20px;
  }
	.form-row {
		display: block;}
	.email{font-size: 18px;}
	.email b {font-size: 25px;}
	.email > div:first-child{ width:50px;}
}
</style>