.opacity-9{
    opacity: 0.90;
 }
 
 .bg-img {
    margin-bottom: 45px;
 }
 p#str-container {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
}
 
 /*col-sm*/
 @media (min-width: 0px) { 
    .bg-img {
        margin-bottom: 25px;
    }
    p#str-container {
        font-weight: 700;
        font-size: 15px;
        line-height: 25px;
    }

     .bg-img{
         position:relative;
         min-height: 350px;   
     }
     .black-grad{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
     }
 
     .white-grad{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgb(255, 255, 255) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
     }
     
 }
 /*col-md*/
 @media (min-width: 768px){   
 
     .black-grad{
        background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 65%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 65%);
        background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 65%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
     }
 
     .white-grad{
        background: -moz-linear-gradient(left, #fff 0%, rgba(0,0,0,0) 65%);
        background: -webkit-linear-gradient(left, #fff 0%,rgba(0,0,0,0) 65%);
        background: linear-gradient(to right, #fff 0%,rgba(0,0,0,0) 65%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
     }
    .bg-img{
        background-color: #000;
        min-height: 300px;
    }
 }