/* */

html {
	font-family: 'Open Sans', sans-serif;
}


.page-background {
	position: fixed;
	width: 100%;
	height: 100%;
	
	background: url('../assets/background_1920.jpg') no-repeat top center fixed;
	background-size: cover;
	
	z-index: -1;
}


h1 {
	padding: 100px 0px 10px 0px;
}


h1 span {
	display: inline-block;
	padding: 10px 20px 10px 100px;
	background-color: rgb(0,104,55);
	font-size: 2.5rem;
	color: rgb(255,255,255);
	text-transform: uppercase;
}


h2 span {
	display: inline-block;
	padding: 10px 20px 10px 100px;
	background-color: rgb(255,255,255);
	font-size: 1.5rem;
	color: rgb(0,104,55);	
}



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

	h1, h2 {
		padding-right: 20px;
	}
	
	h1 {
		margin-bottom: 10px;
	}
	

	h1 span, h2 span {
		display: inline;
		padding-left: 20px;
		
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}
	
	
	h1 span { 
		line-height: 1.6;
	}
	
	h2 span { 
		line-height: 1.9; 
	}
	
}



@media only screen and (max-width: 500px) {
	
	h1 span { 
		font-size: 1.5rem;
	}
	
	
	h2 span { 
		font-size: 1.0rem; 
	}
	
}