Как обрезать сайт по ширине равномерно с двух сторон

Помогите уже нет сил! Есть сайт шириной 1920px и есть контент шириной 1110px вопрос в том как сделать так чтобы при изменении разрешения экрана сайт обрезался равномерно справа и слева до ширины контента 1110px?<br>Html:<br><div class="top_wrapper center"><br>    <div class="header"></div><br>        <div class="wrapper center"><br>            <div class="logo center"><img src="img/logo_yo2.png"/></div><br>            </div><br>        </div><br>CSS:<br>.center{margin: 0 auto}<br>

.top_wrapper{<br>    width: 1920px;<br>    background-image: url("../img/header.png");<br>    background-repeat: no-repeat;<br>    min-width: 1100px;<br><br><br>

overflow: hiden;<br>}<br>

.wrapper{<br>    width: 1110px;<br>    position: relative;<br>}