header {
	position: sticky;
	top: 0;
}

header nav {
	background: #333;
	color: white;
	
}
header nav a {
	color: #ccc;
	padding: 10px;
	/*display: relative;*/
}
/* hover doesnt really matter on mobile */
header nav h4:hover {
	color: white;
}
header nav h3 {
	color: orange; /*Originally "orange", use "blue" to test if anything changes*/
}

header nav h4 {
	color: green;
}

.no-underline {
	text-decoration: none;
	display: inline-block;

}

a.button {
	display:inline-block;
	width:100%;height:100%
}

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

.search-container {
	background: #cccccc26;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	clear: both;
}
.search-container.is-menuopen {
	background: #cccccc06;
}
a.search {
	padding: 8px 10px;
	border: none;
	display: block; /* we need this so that the container grows when we add padding */
}
section.top-menu {
	display:none;
}
#gallery {
	border: 1px solid black;
	padding: 12px;
}

a.login {
	float: right;
	margin-right: 25px;
}
a.index {
	float: left;
	margin-left: 25px;
}
a.other {
	float: center;
	padding-left: 40px;	
	background color: red;
}

/* made for a future button next to the Login Button */
a.hidden-button {
	float: right;
	margin-right: 20px;
}