.objects {
    position: absolute;
    top: 0;
    left: 0;
}
.home-objects {
    top: -200px;
    width: 100%;
    height: 100%;
    text-align: left;
    z-index: -1;
}
.home-objects img {
    position: absolute;
}

.home-objects img.dark-circle { top: 145px; left: 35px; }
.home-objects img.curl { top: 45px; left: -375px; }
.home-objects img.white-circle { display: none; }
.home-objects img.ring { display: none; }
.home-objects img.white-circle-small { display: none; }

.home-objects img.dark-circle-lg, .home-objects img.curl-yellow, .home-objects img.yellow-circle, .home-objects img.yellow-circle-shadow { right: 0; }
.home-objects img.curl-yellow {
    right: -35px;
    top: 510px;
    transform: rotate(20deg);
    z-index: -1;
    height: 250px;
}
.home-objects img.dark-circle-lg { right: 20px; top: 600px; width: 85px; }
.home-objects img.yellow-circle-shadow { bottom: -358px; right: 50px; }
.home-objects img.yellow-circle { bottom: -310px; right: 55px; }
.order-md-2 {
    z-index: 1;
}
.footer-objects {
    top: -110px;
    width: 100%;
    height: 100%;
    text-align: left;
    z-index: -1;
}

.footer-objects img{
    position: absolute;
}

.footer-objects img.group1{ left: -215px }
.footer-objects img.curl{ display: none; }
.footer-objects img.triangle{
    right: -70px;
    bottom: 150px;
    height: 160px;
}
.footer-objects img.circle{
    right: 30px;
    bottom: -90px;
    z-index: 1;
    width: 50px;
}
.footer-objects img.curve{
    right: 1px;
    bottom: -150px;
    width: 155px;
    z-index: 1;
}
.footer-objects img.group1{ display: none; }
.footer-objects img.group2{ right: -90px; top: -70px }
.footer-objects img.group3{ left: -165px; bottom: 150px; }

.stick-object {
    top: 17%;
    z-index: -1;
    left: -160px;
}

.single-page-obj {
    display: none;
}
.signup-objects {
    width: 100%;
    top: -250px;
    left: 155px;
}
.signup-objects img {
    position: absolute;
    right: 0;
    display: none;
}
.signup-objects .group1 {
    display: block;
    top: 115px;
    right: -60px;
    width: 300px;
    z-index: -1;
}

@media (min-width: 768px) {
   
}

@media (min-width: 992px) {
    .home-objects {
        top: -110px;
    }
    
    .home-objects img.dark-circle { top: 125px; left: 65px; }
    .home-objects img.curl { top: 55px; left: -180px; }
    .home-objects img.white-circle { display: block; top: 400px; left: 20px; }
    .home-objects img.ring { display: block; bottom: -180px; left: 65px; }
    .home-objects img.white-circle-small { display: block; bottom: -140px; left: 100px; }
    
    .home-objects img.dark-circle-lg, .home-objects img.curl-yellow, .home-objects img.yellow-circle, .home-objects img.yellow-circle-shadow { right: 0; }
    .home-objects img.curl-yellow {
        right: -145px;
        top: 145px;
        transform: unset;
        z-index: unset;
        height: unset;
    }
    .home-objects img.dark-circle-lg { right: 65px; top: 205px; }
    .home-objects img.yellow-circle-shadow { bottom: -255px; right: 50px; }
    .home-objects img.yellow-circle { bottom: -210px; right: 55px; }

    .footer-objects img.group1{ display: block; left: -215px }
    .footer-objects img.curl{ display: block; right: -185px; top: -35px; }
    .footer-objects img.triangle{ height: unset; right: -95px; bottom: 30px; }
    .footer-objects img.circle{ right: 60px; bottom: -65px; width: unset; }
    .footer-objects img.curve{
        right: 0;
        bottom: -190px;
        width: unset;
    }
    .footer-objects img.group2{ display: none; }
    .footer-objects img.group3{ display: none; }
    
    .single-post .footer-objects img.group1,
    .single-post .footer-objects img.curl {
        display: none;
    }
    .single-post .single-page-obj {
        display: block;
    }
    .single-page-obj.curl-circle { right: -185px; top: -35px; }
    .single-page-obj.squares { left: -20px; top: 55px; width: 85px; }
    .single-page-obj.dark-circle-lg { left: 10px; top: 40px; }
    .single-page-obj.box { left: 50px; top: 90px; width: 75px; }
    
    .signup-objects img { display: block; }
    .signup-objects .dark-circle { right: 645px; width: 80px; top: 140px; }
    .signup-objects .triangle { right: 670px; width: 200px; top: 100px; }
    .signup-objects .group1 {
        z-index: -1;
        top: 20px;
        width: 470px;
        right: -25px;
    }
    .signup-objects .blue-stick { right: 25px; top: 60px }
}