/* Portrait phones and smaller */
@media (max-width: 480px) {
    .bs-callout.bs-callout-default {
    padding:10px !important;  
   text-decoration:none !important;
    }

    .row.row-xan  {
padding:5px !important;
 }
    
    .img-responsive.center-block{
    width:90%;
    margin-left:5%;    
    }
    
    .col-md-8.col-md-offset-2.col-sm-12.center.viwom-tutoriales{
        margin-right:2%;
        margin-left:2%;
    }
    
     .col-md-8.col-md-offset-2.col-sm-12.center.viwom-tutoriales-2{
        margin-right:5%;
        margin-left:5%;
    }
    
}


@media only screen 
and (min-width: 768px){
    .img-responsive.center-block{
        margin:0 auto !important;
        width:96% !important;
    }
    

}
  


.row.sendgrid{  
        width:96%;
        margin: 0 auto;
    }

.row.esp{  
        width:96%;
        margin: 0 auto;
    }

.bs-callout.bs-callout-default h4{
 text-align:left !important;
}

.texto-tutorial{
text-align:left !important;
}

.title,
.subtitle{
    text-align:center !important;
    font-family:'Ubuntu', Helvetica, Arial, sans-serif !important;
    text-decoration:none !important;
    border-style:none !important;
}

.subtitle2{
 font-family:'Ubuntu', Helvetica, Arial, sans-serif !important;
    text-decoration:none !important;
    border-style:none !important;
font-size:14px;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
   font-family:'Ubuntu', Helvetica, Arial, sans-serif !important;
    font-size:16px;
    font-weight:lighter; 
    color:#4d4d4d;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout-default {
border-left-color: #3A91CD;
text-align:left;
}

.bs-callout-default.green {
    border-left-color: #77b224;
}


.bs-callout-default.yellow{
border-left-color: #e8a628;  
}

.bs-callout-default.orange{
border-left-color: #793892;  
}

.bs-callout-default h4 {
    color: #4d4d4d;
}

.text-tutorial {
    text-align:justify !important;
}