body {
	background: black;
	font-family: tahoma;

	/* Background image */
	background-image: url("img/tranquil-ocean-view-with-white-sand-beach-and-blue-sky-in-the-afternoon-free-photo.jpeg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.header {
	background-color: #82aaea;
	padding: 10px;
	text-align: center;
	opacity: 0.8;
	font-size: 30px;
  }

 /* The navbar container */
.topnav {
	overflow: hidden;
	background-color: #333;
}
  
/* Navbar links */
.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
  
/* Links - change color on hover */
.topnav a:hover {
	background-color: #ddd;
	color: black;
} 

.mainbody {
	padding: 10px;
	color: black;
	background: rgba(102, 178, 241, 0.3); /* Background with 30% opacity */

	position: relative;
}

.footer {
	background-color: #F1F1F1;
	text-align: center;
	padding: 10px;
	opacity: 0.5;
	width: 100%;
	clear: both;
}

.mainimg {
	float: left;
	padding: 20px;
}

.gallery {
	margin: 5px;
	border: 1px solid #ccc;
	float: left;
}
    
.gallery img {
	padding: 10px;
}
  
#grey{
	color: grey;
}

h2
{
	color: black;
}