*{
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Esto es para que los bordes no me sumen al tamaño total */
}

.row{
    position: relative;
    margin: auto;
    width: 100%;
    /* border: 1px solid red; */
    /* Como todas las columnas son float, entonces no suman a la altura del row. Por eso hay que poner las dos
     * cosas de aca abajo
     */
    clear: both;   
    display: table;
    order: 2;
}

.row img{
    width: 97%;
    height: auto;
 
  

   
}
.imagen-flotante  {
    width: 650px;
    height: 500px;
    margin-left: 190px;
    
    }
    

/* Todas las clases que empiezan con "col" */
[class*="col-"]{
    float: left;
    /* border: 1px solid #d1d1d1;  */
    padding: 12px 5px 12px 5px;
    width: 100%;   
    
}


/* =================================
DESKTOP
================================= */
@media(min-width: 992px){
    .col-lg-12{ width: 100%; }
    .col-lg-11{ width: 91.66666667%; }
    .col-lg-10{ width: 83.33333333%; }
    .col-lg-9{ width: 75%; }
    .col-lg-8{ width: 66.66666667%; }
    .col-lg-7{ width: 58.33333333%; }
    .col-lg-6{ width: 50%; }
    .col-lg-5{ width: 41.66666667%; }
    .col-lg-4{ width: 33.33333333%; }
    .col-lg-3{ width: 25%; }
    .col-lg-2{ width: 16.66666667%; }
    .col-lg-1-5{ width: 12.5%; }
    .col-lg-1{ width: 8.33333333%; }
    
    .hide_on_lg{ display: none;}
}

/* =================================
TABLET
================================= */
@media (min-width: 601px) and (max-width: 991px){
    .col-md-12{ width: 100%; }
    .col-md-11{ width: 91.66666667%; }
    .col-md-10{ width: 83.33333333%; }
    .col-md-9{ width: 75%; }
    .col-md-8{ width: 66.66666667%; }
    .col-md-7{ width: 58.33333333%; }
    .col-md-6{ width: 50%; }
    .col-md-5{ width: 41.66666667%; }
    .col-md-4{ width: 33.33333333%; }
    .col-md-3{ width: 25%; }
    .col-md-2{ width: 16.66666667%; }
    .col-md-1{ width: 8.33333333%; }
    .hide_on_md{ display: none;}

    [class*="col-"]{
        padding: 12px 30px 12px 30px;
    }
}

/* =================================
PHONES 
================================= */
@media(max-width: 600px){
    .col-xs-12{ width: 100%; 
        padding-left: 9%;
        padding-right: 9%;
    }
    
    .col-xs-11{ width: 91.66666667%; }
    .col-xs-10{ width: 83.33333333%; }
    .col-xs-9{ width: 75%; }
    .col-xs-8{ width: 66.66666667%; }
    .col-xs-7{ width: 58.33333333%; }
    .col-xs-6{ width: 50%; }
    .col-xs-5{ width: 41.66666667%; }
    .col-xs-4{ width: 33.33333333%; }
    .col-xs-3{ width: 25%; }
    .col-xs-2{ width: 16.66666667%; }
    .col-xs-1{ width: 8.33333333%; }

    .hide_on_xs{ display: none;}

}