.estilo8>div{ margin: auto; }

@media screen and (min-width: 1200px){  
    .estilo8>div{ width: 60vw; }
    
    .estilo8>div .imagen{ float: left; }
    .estilo8>div .contenido{ float: right; width: 25vw; }
    
    .estilo8 .contenido .a{       
        padding-bottom: 10.94vw;
    }
        
    .estilo8 h2{ margin-bottom: 2.6vw; }
    
    .estilo8 .contenido{
        display: table;  width: 100%;     
    }
    
    .estilo8 .contenido>div{ 
        display: table-cell;  
    }
    
    .estilo8 .descripcion{
         text-align: right; 
    }                
    
    .estilo8 .contenido .c{ display: none; } 
    
    .estilo8 .contenido .imagen{ width: 22.24vw; }
    .estilo8 .contenido .imagen img{ width: 100%; }
    
    .estilo8 .contenido .a>div{ margin: 0 0 auto auto; padding-top: 7.3vw; }
     
    .estilo8 .contenido{ display: table; }
    .estilo8 .contenido .b{ display: table-cell; }
    .estilo8 .contenido .b{ width: 29.69vw; }
    
    .estilo8 .marco-3 img{
        width: 29.53vw;
    }
    
    /*.estilo8 .animar-texto{ width: 20.83vw;  }*/
}

@media screen and (max-width: 1199px){      
    .estilo8{ 
        padding-top: 80px ;
        padding-bottom: 50px;
    }
    
    .estilo8>div{
         width: 100%; max-width: 915px; margin: auto;
    }    
         
    .estilo8 .descripcion{ margin: 50px auto; }    
     
    .estilo8 .contenido .b{ display: none; } 
    
    .estilo8 .imagen{ margin: auto; display: table; }
}

.estilo8{
    background-color: #0058B5; 
}
   
.estilo8 h2 .punto{ background-color: #B4D81A; }

.estilo8 * { color: #FFF; }