.title-text-with-borders-wrapper{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.top-border{
    border-bottom: 1px solid black;
    grid-column: 3 / 13;
}

.bottom-border{
    border-bottom: 1px solid black;
    grid-column: 1 / 11;
}

.title-text-with-borders-title{
    grid-column: 3 / 9;
}

.title-text-with-borders-text{
    grid-column: 7 / 11;
}

.title-text-with-borders-component{
    padding-top: 80px;
    padding-bottom: 200px;
}

.title-text-with-borders-title h2{
    font-weight: 400;
    margin-top: 2vw;
    color: #1d2025;
    font-family: Satoshi, sans-serif;
}

.title-text-with-borders-text p{
    letter-spacing: 0.07vw;
    margin-bottom: 0;
    font-weight: 300;
    color: #1d2025;
    font-family: Satoshi, sans-serif;
    padding-left: 1vw;
    margin-bottom: 2vw;
}


@media screen and (max-width: 992px) {
    .title-text-with-borders-wrapper{
        max-width: 90vw;
        margin: 0 auto;
    }

    .top-border{
        grid-column: 1 / 13;
    }

    .bottom-border{
        grid-column: 1 / 13;
    }
    
    .title-text-with-borders-title{
        grid-column: 1 / 13;
        text-align: center;
    }
    
    .title-text-with-borders-text{
        grid-column: 4 / 10;
        text-align: center;
    }

    .title-text-with-borders-text p{
        letter-spacing: normal;
        font-size: 1.0625rem;
        line-height: 1.65rem;
        font-weight: 400;
        margin-bottom: 1.8rem;
        padding-left: 0;
        max-width: min(22.5rem, calc(100vw - 2rem));
        margin-left: auto;
        margin-right: auto;
    }

    .title-text-with-borders-title h2{
        font-size: 2.35rem;
        line-height: 2.75rem;
        font-weight: 700;
        max-width: 100%;
        overflow-wrap: break-word;
        hyphens: auto;
        margin-bottom: 3rem;
        margin-top: 1.8rem;

    }

}

@media (max-width: 576px) {
    .title-text-with-borders-text{
        grid-column: 1 / 14;
    }

    .title-text-with-borders-title h2{
        font-size: 2rem;
        line-height: 2.4rem;
    }

    .title-text-with-borders-text p{
        font-size: 1rem;
        line-height: 1.55rem;
        font-weight: 400;
        max-width: 100%;
        padding: 0 0.5rem;
        box-sizing: border-box;
    }

    .title-text-with-borders-component{
        padding-bottom: 128px;
    }
}

@media (min-width: 2780px){
	.title-text-with-borders-component{
		padding-bottom: 480px;
	}
}