반응형 - 이미지 좌우 같이 줄어들게

안녕하세요

반응형 홈페이지인대

메인 화면의 배너가 이미지가   pc 에서  모방일로 바뀔때

세로 이미지 크기는 그대로인대 가로 좌우 이미지만 잘리게 되어있어요

이미지가 전체가 그대로 작아지게 하려면 어떻게 해야되나요?

/* #home 배너 */

#home:after{display:block;clear:both;content:"";} .home_section {height:100%;padding:350px 0 200px 0;overflow:hidden;} .background_bg, .backstretch{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background: url("../img/bg.jpg") center center no-repeat; background-image:100%; !important;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;} .home_section .container {height: 100%;} .home_content {position:relative;display:table;height:100%;width:100%;overflow: hidden;} .title {font-size:40px;line-height:50px;color:#fff;font-weight:600;margin:20px 0} .description {margin-bottom: 30px;font-size: 18px;line-height: 30px;color: #fff;}