#banner-image {
	width: 100%;
	min-height: 300px;
	top: 0;
	text-align: center;
	overflow: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	position: relative;
	display: block;}

@media only screen and (max-width: 1024px) { #banner-image {min-height: 275px;}}
@media only screen and (max-width: 900px) { #banner-image {min-height: 250px;}}
@media only screen and (max-width: 768px) { #banner-image {min-height: 225px;}}
@media only screen and (max-width: 600px) { #banner-image {min-height: 200px;}}
@media only screen and (max-width: 480px) { #banner-image {min-height: 175px;}}