Adding Background image to header not responsive

I’m trying to add a background image into the header and when I do the background image and is not responsive unlike the navbar, menu, site description etc. Any ideas why the image doesn’t get resized as well ?

/* Adjust the Header, change the header height and put an image into the header */
header.tc-header {
border-bottom: 10px white;
height: 310px;
width: 100%;
background-image:url(‘/wordpress/wp-content/uploads/2014/03/Accent_Banner_2.png’);
background-repeat: no-repeat;
}