body {
  font-family: "Outfit", sans-serif;
  line-height: 1.5;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem;
}

.logo img {
  width: 100%;
  margin: 0 auto;
}

.intro__text {
  font-size: clamp(1.3rem, 1.75vw, 1.5rem);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
}

.intro__text h1 {
  font-size: clamp(3.25rem, 2.8vw, 6rem);
  font-weight: 700;
  display: none;
}

.intro__text p {
  max-width: 1366px;
  margin: 0 auto;
}

.grid__container {
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  padding: 2rem;
  width: 100%;
  gap: 3rem;
}

.grid__item h2 {
  font-size: 2rem;
  font-weight: 800;
  font-family: "Open Sans";
  font-style: italic;
  color: #a2161c;
  margin-bottom: 1rem;
}

.grid__item h3 {
  font-size: 1.5rem;
}

.grid__item p {
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: 800;
}

.grid__item {
  border: 1px solid rgb(212, 212, 212);
  background-color: rgba(248, 248, 248, 0.839);
  padding: 2rem;
  transition: 0.2s ease-in-out;
}

.button {
  background-color: #a2161c;
  color: white;
  padding: 1rem 2rem;
  font-size: 1.2rem;
  max-width: max-content;
  margin-top: 2rem;
  transition: 0.3s ease-in-out;
}

.button:hover {
  background-color: #ca2028;
}

.background {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  opacity: 0.14;
  object-fit: cover;
}

.copyright__container {
  padding: 2rem 6rem;
  border-top: solid 2px #a2161c;
  color: #a2161c;
  background-color: white;
}

.copyright__item {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.social__links {
  display: flex;
  gap: 20px;
  margin-top: 1.5rem;
  justify-content: center;
  width: 50%;
}

.grid__item:hover {
  transform: scale(1.01);
}

.grid__item:hover h2 {
  color: #ca2028;
}

.map__container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: solid 2px #a2161c;
}

.copyright__item svg {
  height: 35px;
}

.contact__links svg {
  height: 30px;
}

.contact__item {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}

.copyright__flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .grid__container {
    grid-template-columns: 1fr 1fr;
    padding: 4rem;
  }

  .copyright__flex {
    align-items: start;
  }

  .social__links {
    justify-content: left;
  }

  .copyright__item {
    text-align: left;
    font-size: 1.2rem;
  }

  .logo img {
    width: 60%;
  }
  .intro__text {
    padding: 2rem 6rem;
  }
}

@media only screen and (min-width: 1024px) {
  .grid__container {
    padding: 6rem;
  }
  .logo img {
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) {
  .grid__container {
    grid-template-columns: 1fr 1fr;
    padding: 6rem 4rem;
    max-width: 1200px;
  }
  .logo img {
    width: 35%;
  }
}

svg {
  fill: #a2161c;
}

svg:hover {
  fill: #ca2028;
}

.contact__item:hover svg {
  fill: #ca2028;
}