/* Banner */

#banner {
	background-image: url("../images/home/1.jpg");
	background-position: center center;
	background-size: cover;
	height: 28em;
	/*text-align: center;*/
	text-align: left;
	position: relative;
}

#banner header {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #212121;
	background: rgba(27, 27, 27, 0.75);//*/
	color: #fff;
	/*padding: 1.5em 0;*/
	padding: 10em 20px;
}

#banner header h2 {
	display: inline-block;
	margin: 0;
	font-size: 2em;
	vertical-align: middle;
	color: #fff;
	padding-left: 20px;
}
#banner header h3 {
	
	margin: 0;
	
	vertical-align: middle;
	color: #fff;
}
#ban-text {
	font-size: 2em;
}
#banner header h2 em {
	/*opacity: 0.75;*/
}

#banner header h2 a {
	border-bottom-color: rgba(255, 255, 255, 0.5);
}

#banner header h2 a:hover {
	border-bottom-color: transparent;
}

#banner header .button {
	vertical-align: middle;
	margin-left: 1em;
}

/* Wide */

@media screen and (max-width: 1680px) {

	/* Banner */

		#banner {
			height: 24em;
		}

}

/* Normal */

@media screen and (max-width: 1280px) {

	/* Banner */

		#banner {
			height: 20em;
		}

	

}

@media screen and (max-width: 840px) {

	
	/* Banner */

		#banner {
			height: 20em;
		}

			#banner header h2 {
				display: block;
			}

			#banner header .button {
				margin: 1em 0 0 0;
			}

	
}

/* Mobile */

@media screen and (max-width: 736px) {

	
	/* Banner */

		#banner {
			height: 18em;
		}

}

/* Mobile (Portrait) */

@media screen and (max-width: 480px) {

	
	/* Banner */

		#banner {
			height: 20em;
		}

			#banner header {
				padding: 20px;
			}

}