.bs-parallax{
    padding: 3rem 0;
    margin-bottom:1rem;
    text-align:center;
    /*imagen se agrega en el componente*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    /*necesita un color mientas no carga la imagen*/
    background-color:gray;
    color:white;
}

@media screen and (min-width:111px){
.bs-parallax__title {
    padding: 1rem;
    padding-left: 10%;
    padding-right: 10%;
    color: white;
    text-shadow: 1px 1px 7px #000000;
    font-weight: 100;
    font-size: 18px;
}
}
@media screen and (min-width:320px){
.bs-parallax__title {
    padding: 1rem;
    padding-left: 10%;
    padding-right: 10%;
    color: white;
    text-shadow: 1px 1px 7px #000000;
    font-weight: 100;
    font-size: 18px;
}
}
@media screen and (min-width:576px) {
.bs-parallax__title {
    padding: 1rem;
    padding-left: 10%;
    padding-right: 10%;
    color: white;
    text-shadow: 1px 1px 7px #000000;
    font-weight: 100;
    font-size: 18px;
}    
}

@media screen and (min-width:768px) {
.bs-parallax__title{
    padding:1rem;
    padding-left: 25%;
    padding-right: 25%;
    color: white;
    text-shadow: 1px 1px 7px #000000;
    font-weight: 100;
    font-size: 23px;
}

}
@media screen and (min-width:992px) {
.bs-parallax__title{
    padding:1rem;
    padding-left: 25%;
    padding-right: 25%;
    color: white;
    text-shadow: 1px 1px 7px #000000;
    font-weight: 100;
    font-size: 23px;
}

}
@media screen and (min-width:1200px) {
.bs-parallax__title{
    padding:1rem;
    padding-left: 25%;
    padding-right: 25%;
    color: white;
    text-shadow: 1px 1px 7px #000000;
    font-weight: 100;
    font-size: 23px;
}

}

.bs-parallax__image{
    margin:1rem;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
        .bs-parallax{ 
            background-attachment: scroll;
        }
    }/*media*/
}
@media not all and (min-resolution:.001dpcm) { 
    @media {
        .bs-parallax{ 
                background-attachment: scroll;
        }
    }
} 