#slider {
	height: 400px;
	overflow-y: hidden;
}

#slider {
	background: url(../img/slider_bg.jpg) no-repeat;
    background-size: 100%;
    color: #fff;
}

#slider .caption {
	text-align: center;
	padding-top: 120px;
	color: #fff;
    font-size: 2.5em;
    font-weight: 700;
}

@media (max-width: 1680px) {
	#slider {
		height: 300px;
	}
	
	#slider .caption {
		padding-top: 90px;
		line-height: 1.2em;
	}
}

@media (max-width: 579px) {
	#slider {
		background: url(../img/slide_mob.jpg) no-repeat;
		background-size: cover;
		height: 530px;
	}
	
	#slider .caption {
		font-size: 1.5em;
		padding-top: 140px;
	}
}