#header-image {
	background-image: url(../img/header-desktop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height:240px;
	position: relative;
	background-position: center;
}

#header-title-desktop {
	background-color: rgba( 0, 0, 0, 0.6);
	padding-top: 14px;
	padding-bottom:16px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	position:absolute;
	bottom:0;
	left:0;
}

#logo{
	margin-left: -20px;
}

#header-title-mobile {
	background-color: rgba( 0, 0, 0, 1);
	padding-top: 14px;
	padding-bottom:16px;
	padding-left: 20px;
	padding-right: 20px;
	display:none;
}

.header-title h2{
	color: #FFFFFF;
	font-family: Georgia;
	font-weight: normal;
	font-size: 29px;
	margin: 0;
	margin-bottom: 5px;
}

.header-title span {
	color: #BBBBBB;
	font-family: Georgia;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
}

@media (max-width: 640px){
	#header-image{
		height: 23.75vw;
	}
	#header-title-mobile {
		padding: 3.125vw;
	}
}

/* mobile break at 640px viewport width */
/* use px units for legacy support */
@media (max-width: 640px) {
	#header-title-mobile{
		width:calc(100% - 40px);
		display:block;
	}
	#header-title-desktop{
		display:none;
	}
	.header-title h2{
		font-size: 36px;
		line-height: 40px;
	}
	.header-title span{
		font-size: 24px;
		line-height: 32px;
	}
	#logo{
		width: 100vw;
		margin-left: -5.7vw;
	}
}

/* second break at 320px viewport width */
/* again, px for legacy support */
@media (max-width: 320px) {
	#header-title-mobile{
		width:calc(100% - 20px);
		display:block;
	}
	#header-title-desktop{
		display:none;
	}
	.header-title h2{
		font-size: 18px;
		line-height: 20px;
	}
	.header-title span{
		font-size: 12px;
		line-height: 16px;
	}
}

/* mobile break with vw units at 640px viewport width */
@media (max-width: 640px) {
	#header-title-mobile{
		width:100%;
		display:block;
	}
	#header-title-desktop{
		display:none;
	}
	.header-title h2{
		font-size: 5.625vw;
		line-height: 6.25vw;
		margin-bottom: 0;
	}
	.header-title span{
		font-size: 3.75vw;
		line-height: 4vw;
	}	
}