/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#follow-us {
  height: 200vw;
  width: 100vw;
  position: relative;
  margin-top: 20vh;
  overflow: hidden;
}

#follow-us .title {
  color: black;
  text-align: center;
  font-size: 84px;
  line-height: 70px;
  letter-spacing: 0.75px;
  font-weight: 400;
  max-height: 1em !important;
  /* position: sticky;
  top: 1px;
  margin-top: 1rem; */
}

#follow-us .title a {
  color: black;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
}

#follow-us .title a:hover {
  color: #FF5353;
}

#follow-us .floating-images img {
  width: calc(20vw - 1rem);
  position: absolute;
  top: 100vw;
  left: calc(-5vw - .5rem);
  border-radius: 10px;
}

#follow-us .floating-images #follow-img-2 {
  left: calc(15vw + 1rem);
  top: 20vw;
}

#follow-us .floating-images #follow-img-3 {
  left: calc(35vw + 2rem);
  top: 40vw;
}

#follow-us .floating-images #follow-img-4 {
  left: calc(55vw + 5rem);
  top: 60vw;
}

#follow-us .floating-images #follow-img-5 {
  left: calc(78vw + 5rem);
  top: 80vw;
}

@media (max-width: 1000px) {
  #follow-us .title {
    font-size: 36px;
    line-height: 53.5px;
    letter-spacing: 0.758px;
  }
}
@media (max-width: 960px) {
  #follow-us {
    height: 400vw;
  }

  #follow-us .floating-images img {
    width: calc(45vw - 1rem);
    top: 120vw;
  }
  
  #follow-us .floating-images #follow-img-2 {
    left: calc(15vw + 1rem);
    top: 20vw;
  }

  #follow-us .floating-images #follow-img-3 {
    left: calc(35vw + 2rem);
    top: 120vw;
  }

  #follow-us .floating-images #follow-img-4 {
    left: calc(55vw + 5rem);
    top: 160vw;
  }

  #follow-us .floating-images #follow-img-5 {
    display: none;
  }

  #follow-us .title {
    max-height: 3em !important;
    width: 90%;
    margin: 0 auto;
  }
}