h2{
  text-align: center;
  padding-bottom: 1rem;
}
p {
  margin: 0 auto;
  width: clamp(100px, 80%, 650px);
  padding-bottom: 1rem;
}
.container {
  margin-top: 1rem;
  margin-bottom: 6rem;
  position: relative;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 3rem 0;
}
.images {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  padding-bottom: 30%;
  max-width: 500px;
  justify-content: center;
  gap: 1rem;
  margin: 0 auto;
}
.img1 {
  width: clamp(50px, 39.2vw, 232px);
  max-width: 100%;
  height: auto;
  aspect-ratio: 154 / 232 ;
  border-radius: 10px;
  grid-column: 1;
  transform: translateY(50%);
  display: block;
}
.img2 {
  width: clamp(80px, 49vw, 305px);
  max-width: 100%;
  height: auto;
  aspect-ratio: 192 / 240;
  border-radius: 10px;
  grid-column: 2;
  display: block;
}
/* Sosial Media */
.container.sosial-card{
  display: grid;
  grid-template-columns: none;
  grid-template-rows: repeat(4, auto);
  gap: 4rem;
}
.sosial-section,
.contact-section,
.newsletter-section{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sosial-section div {
  display: flex;
  justify-content: flex-start;
  gap: 2rem;

}
.contact-section address{
  font-style: normal;
}
#email{
  padding: 5px 10px;
  border-radius: 10px;
  border: solid 1px #8A8A8A;
  font-size: 15px;
  margin: 8px 6px 0 0;
}
/* Museum*/
@media(min-width:900px) {
  .container {
    grid-template-columns: 1.3fr 1fr;
    overflow: hidden;
  }
 .images {
  transform: translateX(-5%);
 }
}
/* Sosial Media */
@media(min-width:1000px) {
  .contact-section,
  .sosial-section,
  .newsletter-section {
    flex-direction: row;
    justify-content: flex-start;
    gap: 6vw;
    margin: 0 auto;
    width: clamp(700px, 75vw, 1000px);
  }
  .sosial-card p{
    margin: 0;
    width: min(40vw, 500px)
  }
  .sosial-card{
    padding: 1rem 0 80px 0;
  }
}