.rh__homepage .hero {
    margin-bottom: 18rem;
}

.rh__icon {
    width: 12rem;
    height: 12rem;
}

.rh__homepage .description-bg__sm {
    top: -50%;
}
.rh__homepage .juggling-bg__sm {
    width: 60%;
    top: -20%;
    left: 20%;
}

.rh__homepage .one-person-bg {
    top: -55%;
    width: inherit;
}



.rh__benefits {
    position: relative;
}

.rh__benefits__icon {
    width: 35%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.rh__benefit {
    padding: 2rem;
    margin: 1rem 0.5rem;
}
.rh__benefit h4 {
    color: var(--purple-light);
}

.rh__benefit.bg-blue {
    background-color: var(--blue-light);
}
.rh__benefit.bg-blue h4 {
    color: var(--purple-dark);
}

.rh__benefit.bg-purple {
    background-color: var(--purple-light);
}
.rh__benefit.bg-purple h4 {
    color: white;
}

.rh__benefit.bg-pink {
    background-color: var(--pink-light);
}

@media screen and (min-width: 768px) {
    .rh__homepage .hero {
        margin-bottom: 0;
    }

    .rh__icon {
        width: max(13rem, 50%);
        height: 75%;
    }
    .rh__icon-small {
        width: 80%;
    }

    .rh__homepage .bg-right {
        background-position: right 0 bottom 0;
    }
    .rh__homepage .bg-left {
        background-position: left -25rem bottom 0;
        background-image: url("../../img/cobham-rh/homepage/bg-blue.svg");
    }

    .bg-right__documents {
        background-size: 65%;
        background-position: right -10rem bottom 3rem;
        background-image: url("../../img/cobham-rh/homepage/bg-pink.svg");
        background-position-y: center;
    }

    .rh__homepage .bg-juggling {
        background-position: right 0rem bottom 0rem;
        background-image: url("../../img/cobham-rh/homepage/bg-juggle.svg");
    }
}

@media screen and (min-width: 1024px) {

    .bg-right__documents {
        background-size: 55%;
    }

    .rh__homepage .bg-left {
        background-position: left -15rem bottom 0;
    }

    .rh__homepage .bg-juggling {
        background-position: right 8rem bottom 0rem;
    }
}

@media screen and (min-width: 1200px) {
    .rh__icon {
        width: 25rem;
        height: 30rem;
    }

    .bg-right__documents {
        background-size: 55%;
    }

    .rh__homepage .description {
        padding: 0;
    }
}

@media screen and (min-width: 1400px) {
    .rh__homepage .description {
        padding: 0 5rem;
    }
}

@media screen and (min-width: 1500px) {

    .rh__homepage .hero .hero-title {
        margin-right: -4rem;
    }

    .bg-right__documents {
        background: none;
    }
    .rh__homepage .bg-juggling {
        background: none;
    }

    .rh__homepage .bg-left {
        background: none;
    }
    .rh__homepage .left {
        width: 100%;
        height: 190%;
        z-index: -1;
        bottom: -35%;
        right: 55%;
    }
    .rh__homepage .right {
        width: unset;
        z-index: -1;
        bottom: -10%;
        left: 60%;
    }
}