横幅图片和文字调整不会对调整大小

我试图创建一个横幅具有一些服务我公司提供不断变化的，下面的图片是正是我想它（桌面视图），但是当我调整浏览器文本被推开在图像下方，并且被页面重叠的元素隐藏。横幅图片和文字调整不会对调整大小

我如何使它所以与浏览器的图片和文字，并调整看起来它在桌面上一模一样？

我的CSS

.info_banner { 
background-color:white; 
max-width:1166px; 
margin:0 auto; 
padding: 5px 5px 0px 5px; 
text-align:center; 
font-size:1em; 
height:65px; 

} 

.info_block { 
display:inline-block; 
width:20%; 
border-right-style:solid; 
border-right-width:2px; 
border-right-color:#F8F8F8; 
height:65px; 
vertical-align: text-top; 
} 

.info_block img { 
max-width:100% !important; 
height:auto; 
display:inline-block; 
float:left; 
} 

.info_block h5 { 
height:100%; 
width:100%; 
margin:0; 
}

创建了一个例子如果需要的话我可以将图像显示：在一定宽度的浏览器没有，但我宁愿避免做这个。

enter image description here