*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
html{
  width 100%;
}
/* Default styles for mobile */
.container {
  width: 100%;
  padding: 10px;
}
/* Tablet and larger (600px+) */
@media screen and (min-width: 600px) {
  .container {
    width: 80%;
  }
}
/* Desktop and larger (1024px+) */
@media screen and (min-width: 1024px) {
  .container {
    width: 1200px;
  }
}
.head{
  text-align:center;
}
.bod{

}
h1{
  font-family: inter;
}
h5 h4 h3{
  font-family: playfair display;
}
h1 {
  /* Minimum 24px, Preferred 5vw, Maximum 48px */
  font-size: clamp(1.5rem, 5vw, 3rem);
}

p {
  /* Minimum 16px, Preferred 2vw, Maximum 20px */
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: playfair display;
}
.break{
  max-width:100%;
}

.pt{
  padding-top:18px;
}
.pl{
  padding-left:10%;
}

.img{
  max-width: 100%;
  height: auto;
}