.tipo-4-s2>div{ margin: auto; }
 
@media screen and (min-width: 1200px){  
    
    .tipo-4-s2>div{ width: 60vw; }
    
    .tipo-4-s2>div .imagen{ float: left; }
    .tipo-4-s2>div .contenido{ float: right; width: 25vw; }
    
    
    .descripcion{ line-height: 1.41vw; font-size: 1vw; }
    .tipo-4-s1 .info{ width: 60vw; margin: 0px auto 0px auto; }     
    
    .tipo-4-s1 .descripcion{ width: 23vw; padding-bottom: 2.6vw; }
    .tipo-4-s1{ padding-top: 7.3vw; }
    .tipo-4-s1 h2{ margin: 0 auto 1.3vw 0; }
     
    .tipo-4-s2 .contenido .a{       
        padding-bottom: 10.94vw;
    }
        
    .tipo-4-s2 h2{ margin-bottom: 2.6vw; }
    
    .tipo-4-s2 .contenido{
        display: table;  width: 100%;     
    }
    
    .tipo-4-s2 .contenido>div{ 
        display: table-cell;  
    }
    
    .tipo-4-s2 .descripcion{
         text-align: right; 
    } 
     
    
    
    .tipo-4-s1 .a{position: absolute; padding-top: 5.21vw; }
    
    .tipo-4-s2 .contenido .c{ display: none; } 
    
    .tipo-4-s2 .contenido .imagen{ width: 22.24vw; }
    .tipo-4-s2 .contenido .imagen img{ width: 100%; }
    
    .tipo-4-s2 .contenido .a>div{ margin: 0 0 auto auto; padding-top: 7.3vw; }
     
    .tipo-4-s2 .contenido{ display: table; }
    .tipo-4-s2 .contenido .b{ display: table-cell; }
    .tipo-4-s2 .contenido .b{ width: 29.69vw; }
    
    
    
    .tipo-4-s5 .contenido .a{
        padding-top: 7.29vw ;
        padding-bottom: 10.94vw;
    }
    
    .tipo-4-s5>div{
        width: 60vw; margin: 0px auto 0px auto; 
    }
    
    .tipo-4-s5 h2{ margin-bottom: 2.6vw; }
    
    .tipo-4-s5 .contenido{
        display: table;  width: 100%;     
    }
    
    .tipo-4-s5 .contenido>div{
        display: table-cell;  vertical-align: middle;     
    }
    
    .tipo-4-s5 .contenido .c{ display: none; } 
    
    .tipo-4-s5 .contenido .imagen, .tipo-4-s5 .contenido .b{ width: 22.24vw; }
    .tipo-4-s5 .contenido .imagen img{ width: 100%; }
    
    .tipo-4-s5 .contenido .a>div{ width: 21.88vw; margin: 0px auto 0px 0px; }
    
    .tipo-4-s2 .marco-3 img{
        width: 29.53vw;
    }
    
    /*.tipo-4-s2 .animar-texto{ width: 20.83vw;  }*/
    
    .marco-3{
        background-size: 25.9vw auto; background-repeat: no-repeat; 
    }
    
    .tipo-4-s5 .descripcion{ width: 32vw; }
} 

@media screen and (max-width: 1199px){  
    .tipo-4-s1 .a img{ width: 90%; margin: 50px auto 0 auto; }
    .tipo-4-s2{ 
        padding-top: 80px ;
        padding-bottom: 50px;
    }
    
    .descripcion{ line-height: 25px; text-align: justify; width: 90%; margin: 50px auto 0px auto; }
    .tipo-4-s1 h2{ margin: 60px auto 20px auto; }
    
    .tipo-4-s2>div{
         width: 100%; max-width: 915px; margin: auto;
    }    
         
    .tipo-4-s2 .descripcion{ margin: 50px auto; }
    .tipo-4-s1 .descripcion{ margin: 50px auto 0px auto; padding-bottom: 50px;  } 
     
    .tipo-4-s2 .contenido .b{ display: none; } 
    
    .tipo-4-s5{ 
        padding-top: 80px ;
        padding-bottom: 50px;
    }
    .tipo-4-s5>div{
         width: 100%; max-width: 915px; margin: auto;
    }
    
    .tipo-4-s5 .imagen img{ width: 90vw; max-width: 390px; margin: auto; }
     
    .tipo-4-s5 .descripcion, .tipo-3-s3 .descripcion{ margin: 50px auto; }
    
     
    .marco-3, .marco-3 img{ width: 70vw; max-width: 360px; }
    .marco-3{ background-size: 61vw; background-repeat: no-repeat; margin: auto; }
    
    .tipo-4-s3 .info{ padding-bottom: 50px; }
    
    .tipo-4-s2 .imagen{ margin: auto; display: table; }
    
    .tipo-4-s5 .b{ display: table; margin: auto; }
}

.tipo-4-s5{
    background-color: #0058B5; 
}
   
.tipo-4-s5 h2 .punto{ background-color: #B4D81A; }

.tipo-4-s5 * { color: #FFF; } 

.tipo-4-s2{
    background-color: #0058B5; 
}
   
.tipo-4-s2 h2 .punto{ background-color: #B4D81A; }

.tipo-4-s2 * { color: #FFF; } 


h2.tipo-punto-0 .punto{ display: none;  } 

h2.tipo-1 .t2{ margin-left: 10px; }