如何让定位跟着浏览器缩放大小变换

原图是这样，我用定位可以实现图片百分比显示文字在中间，不管浏览器大小怎么变字都在中间

.banner_top{width:100%;}

.banner_top .img_banner{width: 100%;height: 700px;}

.headline{position:absolute;top:25%;left:35%;text-align:center;color:#fff;font-weight:bolder;font-size: 70px;}

<div id="banner" class="banner">

<div class="banner_top">

<img class="img_banner" src="image/banner.png" width="100%" alt="banner">

</div>

<h1 class="headline">Enjoy freedom land</h1>

</div>