body {
	background-color: hsl(200,100%,30%);

}

h1 {
	
	text-align: left;
	padding: 80px 16px 110px 16px; 
	margin: 16px 0px;
	text-indent: 6vw;
	position: relative; 
	
	background-image: url(../mountains1.jpg);
	background-size: cover;
	background-position: 50% 40%;
}

h1 > span {
	background-color: hsla(200,100%,100%,.6);
	display: block; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-shadow: 2px 1px 4px #666;
}


h1 > a {
	position: absolute;
	border: 2px solid green;
	display: block;
	width: fit-content;
}

h1 > a:nth-of-type(1) {
	border: 2px solid orange;
	bottom: 48px; right: 16px;
}

h1 > a:nth-of-type(2) {
	border: 2px solid purple;
	bottom: 48px; right: 154px;
}


h2 {
	
	text-align: left;
	padding: 80px 16px 110px 16px; 
	margin: 16px 0px;
	text-indent: 6vw;
	position: relative; 
	
	background-image: url(../forest.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

h2 > span {
	background-color: hsla(200,100%,100%,.6);
	display: block; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-shadow: 2px 1px 4px #666;
}

h3 {
	
	text-align: left;
	padding: 80px 16px 110px 16px; 
	margin: 16px 0px;
	text-indent: 6vw;
	position: relative; 
	
	background-image: url(../sunrise.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

h3 > span {
	background-color: hsla(200,100%,100%,.6);
	display: block; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-shadow: 2px 1px 4px #666;
}


h4 {
	
	text-align: left;
	padding: 80px 16px 110px 16px; 
	margin: 16px 0px;
	text-indent: 6vw;
	position: relative; 
	
	background-image: url(../lake.jpg);
	background-size: cover;
	background-position: 50% 40%;
}

h4 > span {
	background-color: hsla(200,100%,100%,.6);
	display: block; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-shadow: 2px 1px 4px #666;
}

h5 {
	text-align: left;
	padding: 80px 16px 110px 16px; 
	margin: 16px 0px;
	text-indent: 6vw;
	position: relative; 
	
	background-image: url(../road.jpg);
	background-size: cover;
	background-position: 50% 40%;
}

h5 > span {
	background-color: hsla(200,100%,100%,.6);
	display: block; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-shadow: 2px 1px 4px #666;
}

h6 {
	text-align: left;
	padding: 80px 16px 110px 16px; 
	margin: 16px 0px;
	text-indent: 6vw;
	position: relative; 
	
	background-image: url(../river.jpg);
	background-size: cover;
	background-position: 50% 90%;
}

h6 > span {
	background-color: hsla(200,100%,100%,.6);
	display: block; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-shadow: 2px 1px 4px #666;
}


h8 {
	
	text-align: left;
	padding: 80px 16px 110px 16px; 
	margin: 16px 0px;
	text-indent: 6vw;
	position: relative; 
	
	background-image: url(../rocks.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

h8 > span {
	background-color: hsla(200,100%,100%,.6);
	display: block; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-shadow: 2px 1px 4px #666;
}