
#cabecera{ background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; position: relative; display: block; } 
#cabecera .b section .campo{ width: 80%; } 

#cabecera .b section{ background-color: #FFF; }

#cabecera .b section h3{ font-family: 'barlow_condensedbold'; color: #0058B5; display: table; margin: auto; text-align: center; } 

#cabecera .b p{ font-family: 'poppinsmedium'; display: table; width: 73.9%; }

#cabecera>div{ display: table; margin-left: auto; margin-right: auto; }

#cabecera .a h1{ font-family: 'barlow_condensedbold'; color: #B4D81A; display: table; }
#cabecera .a header p{ color: #FFF; font-family: 'barlow_condensedbold'; display: table; }

#cabecera .a .descripcion{ color: #FFF; display: table; }

#cabecera .boton1{ margin-left: auto; margin-right: auto;  }

@media screen and (min-width: 1200px){   
    #cabecera>div{ width: 64vw; }
    #cabecera>div>div{ display: table-cell;  }
    
    #cabecera .b{ padding-top: 10vw; width: 28.23vw; vertical-align: bottom; }
    #cabecera .a{ padding-top: 14vw; vertical-align: top; }
    #cabecera .b section h3{ font-size: 2vw; }
    
    #cabecera .b section{ width: 28.23vw; padding: 1.82vw 0px 1.56vw 0px; margin-bottom: 2vw; }             
    #cabecera .b section .campo{ margin: 1vw auto 0px auto;  }    
    
    #cabecera .b p{ margin: 1vw auto 1vw auto; font-size: 1vw; line-height: 1.4vw; }    
    #cabecera .a h1{ font-size: 2.64vw; width: 22vw; }
    #cabecera .a header p{ font-size: 1.73vw; line-height: 2.2vw; width: 30vw; }
    #cabecera .a .descripcion{ font-size: 1vw; width: 30vw; line-height: 1.4vw; margin-top: 1.6vw; margin-bottom: 4.17vw; }
    
    #cabecera .b .imagen{ width: 33.22vw; }
    #cabecera .b .imagen img{ width: 100%; }
}

@media screen and (max-width: 1199px){        
    #cabecera .b section{ width: 90%; padding: 50px 0px;  margin: 0px auto 80px auto;  }     
    #cabecera .b section .campo{ margin: 20px auto 0px auto;  }
    
    
    #cabecera .b p{ margin: 20px auto; line-height: 20px; }        
    #cabecera .a header p{ font-size: 18px; line-height: 26px; margin-top: 10px; }
    #cabecera .a .descripcion{ margin: 33px auto 80px auto; }
    
    #cabecera header{ margin: 170px auto 0px auto; width: 90%; }
    
    #cabecera .a h1{ font-size: 38px; margin: auto; }
    
    #cabecera .b section h3{ font-size: 30px; }
    #cabecera .b .imagen{ width: 80%; margin: auto; }
    
    #cabecera .boton-enlace{ margin-bottom: 50px; }
} 

#cabecera .b .imagen img{ width: 100%; }
