/* HEADER */

header {
	position: absolute;
	top: 0;
	border-bottom: 1px solid #0000FF;
	width: 100%;
	height: 100px;
	background-color: rgba(255, 255, 255, .75);
	z-index: 1;
}

header h2, h3 {
	text-align: center;
}

header h2 {
	padding-top: 1rem;
	font-size: 2rem;
}

header h3 {
	padding-top: .75rem;
	font-size: 1.5rem;
}

@media only screen and (max-width: 991px){
	header {
		height: 85px;
	}
}

@media only screen and (max-width: 767px){
	header {
		position: relative;
		height: auto;
	}

	header h2 {
		padding: 1rem 0 0;
	}

	header h3 {
		padding: .5rem 0;
	}
}

@media only screen and (max-width: 575px){
	header {
		position: relative;
		height: auto;
	}

	header h2 {
		padding: .75rem 0 0;
	}

	header h3 {
		padding: .5rem;
	}
}