.hero {
	background: url('https://source.unsplash.com/1600x900/?nature,water') center/cover no-repeat;
	height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	text-align: center;
}
.hero h1 {
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	border-radius: 10px;
}
.hero h2 {
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	border-radius: 10px;
}
.hero h3 {
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	border-radius: 10px;
}
.hero h4 {
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	border-radius: 10px;
}

table, td, th
{
	border:1px solid rgba(0, 0, 0, 1);
	border-collapse:collapse;
	padding:3px 5px;
}
table
{
	width:100%
}
td, th
{
	text-align:left
}
caption
{
	font-weight:bold;
}