.hero-slice-container {
    margin-bottom: 3rem;

    .hero-copy {
        font-size: 20px;
        line-height: 32px;
        font-weight: 400;
        color: #110F24;
    }
}

.consumer-brand {
    .hero-slice-container {
        .hero-title {
            color: #110F24;
        }
    }
}

.business-brand {
    .hero-slice-container {
        .hero-title {
            color: #110F24;
        }
    }
}

.tile-1 {
    max-width: 500px;
}

.tile-1-3-grid {
    max-width: 300px;
    z-index: 1;
}

.tile-2 {
    right: 2%;
    bottom: -6%;
    width: 160px;
}

.tile-square {
    max-width: 250px;
}

.pos {
    margin-bottom: -85px;
}

.radial {
    top: 600px;
    right: -18%;
    max-width: 450px;
}

body {
    overflow-x: hidden;
}

@include media-breakpoint-up(md) {

    .radial {
        top: 300px;
        right: -4%
    }

    .pos {
        margin-bottom: -175px;
    }

    .tile-2 {
        width: 100%;
        right: -2%;
    }

    .tile-2 img {
        max-width: 325px;
        width: 100%;
    }

}

@include media-breakpoint-up(lg) {

    .radial {
        top: 500px;
        right: -4%
    }
}