#HomeCenter {
    background-blend-mode: multiply;

    &>div {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #home-text {
        height: 100%;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

        div:has(h2) {
            width: 100%;
            text-align: center;
            text-transform: uppercase;
            line-height: 1;
        }

        hr {
            width: 80%;
            border-top-width: 1px;
            border-top-style: solid;
        }

        div:has(.icon-text) {
            justify-content: space-around;

            @media(max-width: 576px) {
                justify-content: center;
                align-items: flex-start;
                flex-direction: column;
                gap: .5rem;
            }
        }

        div.icon-text {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            text-transform: uppercase;
            font-size: 1.5rem;

            @media (max-width: 992px) {
                padding: 0 .5rem;
            }

            @media (max-width: 992px) {
                font-size: 1rem;
            }

            width: 35%;

            @media(max-width: 576px) {
                width: 100%;
                justify-content: start;
            }

            p {
                margin-bottom: 0 !important;
            }

            i {
                font-size: 4rem;

                @media (max-width: 992px) {
                    font-size: 2rem;
                }
            }
        }

        .button-wrapper {
            width: 100%;
            margin-top: 3rem;
            display: flex;
            justify-content: center;

            p {
                cursor: pointer;
                border-width: 1px;
                border-style: solid;
                padding: .5rem 3rem;
                border-radius: 100px;
                font-size: 1.5rem;

                @media(max-width: 992px) {
                    font-size: 1rem;
                }

                font-weight: 700;

                &:hover {
                    opacity: .75;
                }

                a {
                    color: inherit;
                    text-decoration: inherit !important;
                }
            }
        }

        h2 {
            font-size: 3rem;

            @media (max-width: 992px) {
                font-size: 1.5rem;
            }

            font-weight: 400;

        }

        #title-second-line {
            font-size: clamp(1.5rem, .75rem + 4vw, 5rem);
            font-weight: 700;
        }
    }
}