.home-title {
    font-size: 2rem;
    margin: 1rem 0;
    padding: 0;
}

.home-title,
.home-description {
    color: $white;
    font-weight: $font-weight-light;
}

.home-description {
    text-align: justify;
    font-size: $font-size-lg;
    margin-bottom: 3rem;
}

.page-title {

}

.page-description {
    text-align: justify;
    color: $gray-500;
    font-size: $font-size-lg;
}

.header-image {
    width: 6.25rem;
    height: 6.25rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-right: 1rem;

    > img {
        max-width: 100%;
    }

    @include media-breakpoint-up(md) {
        width: 7.5rem;
        height: 7.5rem;
        margin-right: 2rem;
    }

    @include media-breakpoint-up(lg) {
        width: 12.5rem;
        height: 12.5rem;
        margin-right: 3rem;
    }
}
.home-title {
    font-size: 2rem;
    margin: 1rem 0;
    padding: 0;
}

.home-title,
.home-description {
    color: $white;
    font-weight: $font-weight-light;
}

.home-description {
    text-align: justify;
    font-size: $font-size-lg;
    margin-bottom: 3rem;
}

.page-title {

}

.page-description {
    text-align: justify;
    color: $gray-500;
    font-size: $font-size-lg;
}

.header-image {
    width: 6.25rem;
    height: 6.25rem;
    min-width: 6.25rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-right: 1rem;

    > img {
        max-width: 100%;
    }

    + .media-body {
        max-width: 100%;
    }

    @include media-breakpoint-up(md) {
        width: 7.5rem;
        min-width: 7.5rem;
        height: 7.5rem;
        margin-right: 2rem;

        + .media-body {
            max-width: calc(100% - 9.5rem);
        }
    }

    @include media-breakpoint-up(lg) {
        width: 12.5rem;
        min-width: 12.5rem;
        height: 12.5rem;
        margin-right: 3rem;

        + .media-body {
            max-width: calc(100% - 15.5rem);
        }
    }
}
Fix issue with header on detail etc
Fix issue with header on detail etc
