.bs-parallax{
    margin-bottom:1rem;
    background-size: contain;
    background-repeat: no-repeat;
    /*necesita un color mientas no carga la imagen*/
    position:relative;
}
.bs-parallax__content .btn{
    white-space:nowrap;
}
.bs-parallax__title{
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content:flex-end;
    font-size:1.6rem;
}
.bs-parallax__title::after{
    content:" ";
    display:block;
    background:var(--secondary-color);
    width: 58%;
    height:2px;
}
.bs-parallax__img{
    margin:1rem;
}
@media screen and (max-width:576px) {
   .bs-parallax__content{
    max-width:600px;
    text-align: center;
    padding: 60vw 3rem 1rem;
} 
}
@media screen and (min-width:577px){
    .bs-parallax{
        height:80vh;
        color:white;
        background-image: linear-gradient( rgb(0 0 0 / 0%), rgb(0 0 0 / 40%) ) ,url(parallax3.png)!important;
        /*imagen se agrega en el componente*/
        background-attachment: fixed;
        background-position: center;
        
        background-size: cover;
    }
    .bs-parallax__content{
    padding:2rem 1rem;
    color:var(--parallax-color, white);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    min-height: 40vw;
    margin-bottom:1rem;
}
    .bs-parallax__title{
        font-size:2.25rem;
    }
}
@media screen and (min-width:992px){
    
    .bs-parallax__title{
        font-size:2.5rem;
    }
}