.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{
    max-width:600px;
    text-align: center;
    padding: 60vw 3rem 1rem;
}
.bs-parallax__content .btn{
    white-space:nowrap;
}
.bs-parallax__title{
    display:flex;
    flex-direction:column;
    align-items: flex-end;
    justify-content:flex-end;
    font-size:1.6rem;
    
}
.bs-parallax__title::after{
    content:" ";
    display:block;
    background:var(--secondary-color);
    width: 100%;
    height:2px;
}
.bs-parallax__img{
    margin:1rem;
}

@media screen and (min-width:111px) {
.bs-parallax__title {
    color: var(--body-txt-default-color);
}    
}

@media screen and (min-width:576px){
    .bs-parallax{
        height:80vh;
        color:white;
        /*imagen se agrega en el componente*/
        background-attachment: fixed;
        background-position: center;
        
        background-size: cover;
    }
    .bs-parallax__title {
    color: white;
    }
    .bs-parallax__content{
        padding-top:30vh;
        margin-right:50%;
        margin-left:auto;
    }
    .bs-parallax__title{
        font-size:2.25rem;
    }
}
@media screen and (min-width:992px){
    
    .bs-parallax__title{
        font-size:3rem;
    }
}