/* HEADER */

.large-header {
  background-image: url(../images/headers/webP/contact-us.webp);
  background-position: top;
  height: 60vh;
  margin-bottom: 0rem;
}

.gradient {
  background-image: linear-gradient(to right, #212529ad, #2125299a, #2125297b, #21252943, #21252900, #21252900);
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .gradient {
    background-image: linear-gradient(to right, #212529c9, #2125298d, #21252952, #2125291f);
  }
}

/* SECTION 1 */

.section-1 {
  padding-top: 1.5rem;
  background-color: var(--bg-light-blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%233e5f74' fill-opacity='0.20'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.section-1 .contact {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 0rem 1rem 1.5rem 0rem;
}

.section-1 h6 {
  margin: 0rem;
  padding: 1rem 1rem;
  font-size: 1.5rem;
}

.section-1 .contact p {
  padding: 0.2rem 0rem;
  font-size: 1.5rem;
  font-style: italic;
}

.section-1 .text {
  padding: 1.5rem 1rem;
}

.section-1 .btn-grey {
  padding: 1rem 1rem;
  font-size: 1.3rem;
  text-align: left;
}

.section-1 img{
  object-fit: cover;
}

/* SECTION 2 */

.section-2 {
  display: flex;
  flex-direction: row;
  margin: 0rem;
  padding: 1.5rem 1rem;
  background-image: linear-gradient(to top, #2125298a, #2125298a), url(../images/background-images/webp/wood-background.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: var(--text-light);
  overflow: hidden;
}

.section-2 .text {
  padding: 0.5rem;
  align-content: center;
}

.section-2 p {
  padding: 0.5rem 2rem;
  font-size: 1.5rem;
}

.section-2 .fb{
  overflow-x: hidden;
  cursor: pointer;
}

.section-2 .fb iframe {
  object-fit: cover;
  display: block;
  height:300px;
  box-shadow: 0px 10px 20px hsl(0, 0%, 24%);
  cursor: pointer;
   
}

@media only screen and (max-width: 1105px) {
  .section-2 {
    background-attachment: unset;
  }
}