Que dos elementos acomodados horizontalmente se ajusten de tamaño en web adaptativo

[alvarols]

Tengo el siguiente sitio que quiero hacer adaptativo:

http://alvarols.com/clientejasso/

Tengo un problema en la parte que aparece una ilustración de "08" a la izquierda y un cabezal de texto a la derecha. Lo que quiero hacer es que cuando reduzca el ancho de pantalla, se reduzca el tamaño de ambos elementos flotantes sin que el de la derecha se caiga abajo como me pasa. No he encontrado la solución.

Este es el html de esa sección

<div id="presleft">
<img src="<?php bloginfo('template_directory'); ?>/images/08.png">
</div>
<div id="presright">
<div id="presyear">
<img src="<?php bloginfo('template_directory'); ?>/images/trececatorce.png">
</div>
</div>

Y este es el css de la sección:

Código CSS:

#presentacion{
    display:block;
    max-width:1300px;
    height:550px;
    margin:0 auto;
}
 
#presleft{
    float:left;
    max-width:650px;
    height:550px;
}
 
#presright{
    float:right;
    max-width:650px;
    height:550px;
}
 
#presyear{
    margin-right:48px;
    margin-top:62px;
    float:right;
    
}
 

Se los agradeceré mucho