/* =========================
   HOME FLOATING IMAGE
========================= */

.home-floating-img{
  position: absolute;
  bottom: 5%;
  right: 5px;

  width: 320px;
  max-width: 100%;

  z-index: 9999;
  pointer-events: none;

  object-fit: contain;
}

/* RESPONSIVE TABLET */
@media (max-width: 991px){

  .home-floating-img{
    width: 240px;

    top: 100px;
    right: 30px;
  }

}

/* RESPONSIVE MOBILE */
@media (max-width: 767px){

  .home-floating-img{
    width: 200px;

    top: 76%;
    right: 10px;
  }

}



/* =========================
   PORTFOLIO FLOATING IMAGE
========================= */

.portfolio-floating-img{
  position: absolute;
  bottom: 97%;
  right: -181px;

  width: 340px;
  max-width: 100%;

  z-index: 9999;
  pointer-events: none;

  object-fit: contain;
}

/* RESPONSIVE TABLET */
@media (max-width: 991px){

  .portfolio-floating-img{
    width: 220px;

    left: 20px;
    bottom: 30px;
  }

}

/* RESPONSIVE MOBILE */
@media (max-width: 767px){

  .portfolio-floating-img{
    width: 226px;

    left: -59px;
    bottom: 99%;
  }

}




/* =========================
   CONTACT FLOATING IMAGE
========================= */

.contact-floating-img{
  position: absolute;
  top: 40%;
  left: 85%;

  transform: translateX(-50%);

  width: 346px;
  max-width: 100%;

  z-index: 9999;
  pointer-events: none;

  object-fit: contain;
}

/* RESPONSIVE TABLET */
@media (max-width: 991px){

  .contact-floating-img{
    width: 210px;

    top: 20px;
  }

}

/* RESPONSIVE MOBILE */
@media (max-width: 767px){

  .contact-floating-img{
    width: 223px;

    top: 36%;
	left: 79%;  
  }

}